Palx

Automatic UI Color Palette Generator

#

Gray

Cyan

Blue

Indigo

Violet

Fuschia

Pink

Red

Orange

Yellow

Lime

Green

Teal

Provide a single color value and Palx returns a full-spectrum color palette, well suited for UI design and data visualizations that work harmoniously with brand colors.

gray

Gray 0

#f8f9f9

Gray 1

#ebedee

Gray 2

#dce1e3

Gray 3

#cdd3d6

Gray 4

#bcc5c8

Gray 5

#a9b4b9

Gray 6

#94a2a7

Gray 7

#7a8b92

Gray 8

#5c6f76

Gray 9

#364045

cyan

Cyan 0

#e4f4f9

Cyan 1

#c7e7f3

Cyan 2

#a7daec

Cyan 3

#81cae4

Cyan 4

#53b7db

Cyan 5

#179ecf

Cyan 6

#148ebb

Cyan 7

#127da3

Cyan 8

#0f6787

Cyan 9

#0a4960

blue

Blue 0

#e8ecfa

Blue 1

#d0d8f5

Blue 2

#b3c1ef

Blue 3

#91a5e8

Blue 4

#6481df

Blue 5

#1742cf

Blue 6

#143bba

Blue 7

#1133a1

Blue 8

#0e2a84

Blue 9

#0a1d5b

indigo

Indigo 0

#eeeafa

Indigo 1

#dcd3f6

Indigo 2

#c7b8f0

Indigo 3

#ae98e9

Indigo 4

#8c6de0

Indigo 5

#4817cf

Indigo 6

#4014ba

Indigo 7

#3812a2

Indigo 8

#2e0e84

Indigo 9

#1f0a5b

violet

Violet 0

#f6e9fa

Violet 1

#edd2f5

Violet 2

#e2b7f0

Violet 3

#d596e9

Violet 4

#c469e0

Violet 5

#a417cf

Violet 6

#9414ba

Violet 7

#8112a3

Violet 8

#6a0e86

Violet 9

#4b0a5f

fuschia

Fuschia 0

#faeaf6

Fuschia 1

#f5d2ec

Fuschia 2

#f0b7e1

Fuschia 3

#e996d3

Fuschia 4

#e06bc1

Fuschia 5

#cf179e

Fuschia 6

#bb148e

Fuschia 7

#a3127d

Fuschia 8

#870f67

Fuschia 9

#600a4a

pink

Pink 0

#faeaee

Pink 1

#f5d3db

Pink 2

#f0b8c5

Pink 3

#e998ab

Pink 4

#e06c87

Pink 5

#cf1742

Pink 6

#bb143b

Pink 7

#a31234

Pink 8

#870f2b

Pink 9

#600a1e

red

Red 0

#faece7

Red 1

#f4d7cd

Red 2

#eebfae

Red 3

#e7a38b

Red 4

#dd7f5d

Red 5

#cf4817

Red 6

#ba4014

Red 7

#a33812

Red 8

#862e0e

Red 9

#5f210a

orange

Orange 0

#f8f3e1

Orange 1

#f2e6c1

Orange 2

#ebd99e

Orange 3

#e3c977

Orange 4

#d9b84b

Orange 5

#cfa417

Orange 6

#bb9414

Orange 7

#a48212

Orange 8

#886b0f

Orange 9

#614d0a

yellow

Yellow 0

#f2f8e0

Yellow 1

#e4f2c0

Yellow 2

#d5ea9c

Yellow 3

#c5e275

Yellow 4

#b3d949

Yellow 5

#9ecf17

Yellow 6

#8ebb14

Yellow 7

#7da412

Yellow 8

#68880f

Yellow 9

#4b620a

lime

Lime 0

#e9f9e4

Lime 1

#d0f3c6

Lime 2

#b5eca5

Lime 3

#96e47f

Lime 4

#71db51

Lime 5

#42cf17

Lime 6

#3bbb14

Lime 7

#34a412

Lime 8

#2b880f

Lime 9

#1f620a

green

Green 0

#e5f9ea

Green 1

#c8f3d4

Green 2

#a8edba

Green 3

#83e59d

Green 4

#54db78

Green 5

#17cf48

Green 6

#14bb41

Green 7

#12a439

Green 8

#0f882f

Green 9

#0a6222

teal

Teal 0

#e4f9f4

Teal 1

#c7f3e9

Teal 2

#a6ecdc

Teal 3

#80e4cd

Teal 4

#52dbbb

Teal 5

#17cfa4

Teal 6

#14bb94

Teal 7

#12a482

Teal 8

#0f886c

Teal 9

#0a624e

Download

JSONCSSSass