Palx

Automatic UI Color Palette Generator

#

Gray

Green

Teal

Cyan

Blue

Indigo

Violet

Fuschia

Pink

Red

Orange

Yellow

Lime

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

#f8f9f8

Gray 1

#ebedec

Gray 2

#dee1de

Gray 3

#cfd4cf

Gray 4

#bec5be

Gray 5

#acb5ac

Gray 6

#97a298

Gray 7

#7e8c7f

Gray 8

#5f7060

Gray 9

#344234

green

Green 0

#e4f4e5

Green 1

#c7e8c8

Green 2

#a6daa8

Green 3

#7fca81

Green 4

#4db651

Green 5

#07990c

Green 6

#068a0a

Green 7

#057809

Green 8

#046307

Green 9

#034705

teal

Teal 0

#e4f3ec

Teal 1

#c6e7d8

Teal 2

#a4d9c0

Teal 3

#7cc9a5

Teal 4

#4bb583

Teal 5

#079955

Teal 6

#068a4c

Teal 7

#057843

Teal 8

#046337

Teal 9

#034727

cyan

Cyan 0

#e3f3f3

Cyan 1

#c5e6e7

Cyan 2

#a3d7d9

Cyan 3

#7bc6c8

Cyan 4

#4ab1b4

Cyan 5

#079499

Cyan 6

#06858a

Cyan 7

#057478

Cyan 8

#046063

Cyan 9

#034447

blue

Blue 0

#e7edf5

Blue 1

#ccdaea

Blue 2

#adc3dd

Blue 3

#88a9ce

Blue 4

#5886ba

Blue 5

#074b99

Blue 6

#064389

Blue 7

#053a76

Blue 8

#042f60

Blue 9

#032042

indigo

Indigo 0

#ebeaf6

Indigo 1

#d5d4ed

Indigo 2

#bbbae2

Indigo 3

#9c9ad5

Indigo 4

#716ec3

Indigo 5

#0c0799

Indigo 6

#0a0689

Indigo 7

#090577

Indigo 8

#070461

Indigo 9

#050343

violet

Violet 0

#f0e9f6

Violet 1

#e0d2ec

Violet 2

#cdb6e1

Violet 3

#b695d3

Violet 4

#9767c0

Violet 5

#550799

Violet 6

#4c0689

Violet 7

#420577

Violet 8

#360461

Violet 9

#250343

fuschia

Fuschia 0

#f6e9f5

Fuschia 1

#ecd1eb

Fuschia 2

#e0b5df

Fuschia 3

#d293d0

Fuschia 4

#bf65bc

Fuschia 5

#990794

Fuschia 6

#8a0685

Fuschia 7

#780574

Fuschia 8

#630460

Fuschia 9

#460344

pink

Pink 0

#f6e9ef

Pink 1

#ecd1de

Pink 2

#e0b5ca

Pink 3

#d394b1

Pink 4

#c06690

Pink 5

#99074b

Pink 6

#890643

Pink 7

#78053b

Pink 8

#630430

Pink 9

#450322

red

Red 0

#f6eae9

Red 1

#ecd2d1

Red 2

#e1b7b6

Red 3

#d39694

Red 4

#c06966

Red 5

#990c07

Red 6

#890a06

Red 7

#780905

Red 8

#620704

Red 9

#450503

orange

Orange 0

#f4ede4

Orange 1

#e8d9c7

Orange 2

#dac2a6

Orange 3

#caa77f

Orange 4

#b6864f

Orange 5

#995507

Orange 6

#894c06

Orange 7

#774205

Orange 8

#623604

Orange 9

#442603

yellow

Yellow 0

#f2f2e0

Yellow 1

#e3e5c0

Yellow 2

#d4d69b

Yellow 3

#c2c572

Yellow 4

#adb142

Yellow 5

#949907

Yellow 6

#858a06

Yellow 7

#747805

Yellow 8

#606304

Yellow 9

#444703

lime

Lime 0

#eaf3e2

Lime 1

#d3e6c3

Lime 2

#bad8a0

Lime 3

#9cc777

Lime 4

#79b346

Lime 5

#4b9907

Lime 6

#438a06

Lime 7

#3b7805

Lime 8

#306304

Lime 9

#224603

Download

JSONCSSSass