Palx

Automatic UI Color Palette Generator

#

Gray

Blue

Indigo

Violet

Fuschia

Pink

Red

Orange

Yellow

Lime

Green

Teal

Cyan

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

#dee1e3

Gray 3

#cfd3d6

Gray 4

#bec4c8

Gray 5

#acb4b9

Gray 6

#97a1a7

Gray 7

#7f8a93

Gray 8

#5f6e78

Gray 9

#374047

blue

Blue 0

#e4f0f9

Blue 1

#c6e1f3

Blue 2

#a5cfed

Blue 3

#7db9e5

Blue 4

#4a9eda

Blue 5

#0077cc

Blue 6

#006bb7

Blue 7

#005da0

Blue 8

#004d84

Blue 9

#00365d

indigo

Indigo 0

#eaebfa

Indigo 1

#d2d5f6

Indigo 2

#b7bbf0

Indigo 3

#959ce9

Indigo 4

#6872e0

Indigo 5

#0011cc

Indigo 6

#000fb7

Indigo 7

#000da0

Indigo 8

#000a83

Indigo 9

#00075c

violet

Violet 0

#f0e9fa

Violet 1

#e1d2f6

Violet 2

#ceb6f0

Violet 3

#b894e9

Violet 4

#9966e0

Violet 5

#5500cc

Violet 6

#4c00b8

Violet 7

#4300a1

Violet 8

#370084

Violet 9

#27005e

fuschia

Fuschia 0

#f9e9fa

Fuschia 1

#f2d1f5

Fuschia 2

#ebb5f0

Fuschia 3

#e293e9

Fuschia 4

#d665e0

Fuschia 5

#bb00cc

Fuschia 6

#a900b8

Fuschia 7

#9400a2

Fuschia 8

#7b0086

Fuschia 9

#580061

pink

Pink 0

#fae9f3

Pink 1

#f5d1e6

Pink 2

#f0b6d8

Pink 3

#e994c6

Pink 4

#e066ad

Pink 5

#cc0077

Pink 6

#b8006b

Pink 7

#a2005e

Pink 8

#86004e

Pink 9

#610038

red

Red 0

#faeaeb

Red 1

#f6d2d5

Red 2

#f0b7bc

Red 3

#ea969d

Red 4

#e16973

Red 5

#cc0011

Red 6

#b8000f

Red 7

#a2000d

Red 8

#86000b

Red 9

#610008

orange

Orange 0

#f9ede4

Orange 1

#f3d9c6

Orange 2

#ecc2a4

Orange 3

#e4a87c

Orange 4

#da864a

Orange 5

#cc5500

Orange 6

#b84c00

Orange 7

#a04300

Orange 8

#843700

Orange 9

#5e2700

yellow

Yellow 0

#f8f6de

Yellow 1

#f1ecba

Yellow 2

#e9e293

Yellow 3

#e0d668

Yellow 4

#d7c938

Yellow 5

#ccbb00

Yellow 6

#b8a900

Yellow 7

#a29400

Yellow 8

#867b00

Yellow 9

#615800

lime

Lime 0

#eef8df

Lime 1

#dcf1bd

Lime 2

#c7ea97

Lime 3

#b1e16c

Lime 4

#96d73b

Lime 5

#77cc00

Lime 6

#6bb800

Lime 7

#5ea200

Lime 8

#4e8600

Lime 9

#386100

green

Green 0

#e5f9e4

Green 1

#c9f3c6

Green 2

#a9eca3

Green 3

#84e47b

Green 4

#54da48

Green 5

#11cc00

Green 6

#0fb800

Green 7

#0da200

Green 8

#0b8600

Green 9

#086100

teal

Teal 0

#e3f9ec

Teal 1

#c5f3d8

Teal 2

#a2ecc1

Teal 3

#79e4a6

Teal 4

#46da84

Teal 5

#00cc55

Teal 6

#00b84c

Teal 7

#00a243

Teal 8

#008638

Teal 9

#006128

cyan

Cyan 0

#e3f9f7

Cyan 1

#c4f3ef

Cyan 2

#a0ece5

Cyan 3

#77e3da

Cyan 4

#44d9cd

Cyan 5

#00ccbb

Cyan 6

#00b8a9

Cyan 7

#00a294

Cyan 8

#00867b

Cyan 9

#006159

Download

JSONCSSSass