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

#f9f9f9

Gray 1

#ecedef

Gray 2

#dfe0e3

Gray 3

#d0d2d7

Gray 4

#c0c3ca

Gray 5

#afb3bb

Gray 6

#9b9fa9

Gray 7

#838995

Gray 8

#656c7b

Gray 9

#393f4a

blue

Blue 0

#e7edf8

Blue 1

#cdd9f1

Blue 2

#afc2e8

Blue 3

#8ba7de

Blue 4

#5b82d1

Blue 5

#0944ba

Blue 6

#083da7

Blue 7

#073591

Blue 8

#052b76

Blue 9

#031d51

indigo

Indigo 0

#eceaf9

Indigo 1

#d8d3f2

Indigo 2

#c1b8eb

Indigo 3

#a498e2

Indigo 4

#7d6cd5

Indigo 5

#2609ba

Indigo 6

#2208a7

Indigo 7

#1d0791

Indigo 8

#180577

Indigo 9

#100453

violet

Violet 0

#f3e9f9

Violet 1

#e7d1f2

Violet 2

#d8b5ea

Violet 3

#c794e1

Violet 4

#af66d4

Violet 5

#7f09ba

Violet 6

#7208a7

Violet 7

#630792

Violet 8

#520578

Violet 9

#3a0455

fuschia

Fuschia 0

#f9e9f6

Fuschia 1

#f2d1ec

Fuschia 2

#eab6e1

Fuschia 3

#e194d4

Fuschia 4

#d466c1

Fuschia 5

#ba099c

Fuschia 6

#a8088c

Fuschia 7

#93077b

Fuschia 8

#790566

Fuschia 9

#570449

pink

Pink 0

#f9e9ee

Pink 1

#f2d2dc

Pink 2

#eab6c8

Pink 3

#e195ae

Pink 4

#d4678c

Pink 5

#ba0944

Pink 6

#a7083d

Pink 7

#930735

Pink 8

#79052c

Pink 9

#56041f

red

Red 0

#f8eae8

Red 1

#f1d4ce

Red 2

#e9bab1

Red 3

#df9b8d

Red 4

#d2725e

Red 5

#ba2709

Red 6

#a72308

Red 7

#921e07

Red 8

#781905

Red 9

#551104

orange

Orange 0

#f6f0e2

Orange 1

#eedfc2

Orange 2

#e4cd9f

Orange 3

#d8b876

Orange 4

#cb9f46

Orange 5

#ba7f09

Orange 6

#a77208

Orange 7

#926407

Orange 8

#795205

Orange 9

#563a04

yellow

Yellow 0

#f2f6df

Yellow 1

#e4ecbd

Yellow 2

#d5e298

Yellow 3

#c5d66f

Yellow 4

#b2c940

Yellow 5

#9cba09

Yellow 6

#8da808

Yellow 7

#7b9307

Yellow 8

#667a05

Yellow 9

#495804

lime

Lime 0

#e9f6e2

Lime 1

#d1eec2

Lime 2

#b6e49f

Lime 3

#97d877

Lime 4

#73cb46

Lime 5

#44ba09

Lime 6

#3da808

Lime 7

#359307

Lime 8

#2c7a05

Lime 9

#205704

green

Green 0

#e4f7e7

Green 1

#c6efcd

Green 2

#a5e5b0

Green 3

#7dda8d

Green 4

#4ccc62

Green 5

#09ba27

Green 6

#08a823

Green 7

#07931e

Green 8

#057a19

Green 9

#045812

teal

Teal 0

#e3f7f0

Teal 1

#c5eee0

Teal 2

#a2e5ce

Teal 3

#7ad9ba

Teal 4

#49cca0

Teal 5

#09ba7f

Teal 6

#08a872

Teal 7

#079364

Teal 8

#057a53

Teal 9

#04583c

cyan

Cyan 0

#e3f4f7

Cyan 1

#c5e7ee

Cyan 2

#a3dae5

Cyan 3

#7bcada

Cyan 4

#4ab6cc

Cyan 5

#099cba

Cyan 6

#088ca8

Cyan 7

#077b93

Cyan 8

#056679

Cyan 9

#044856

Download

JSONCSSSass