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

#eaeeed

Gray 2

#dbe1e1

Gray 3

#cbd4d4

Gray 4

#bac6c5

Gray 5

#a6b5b5

Gray 6

#90a3a2

Gray 7

#768d8c

Gray 8

#58706f

Gray 9

#334141

cyan

Cyan 0

#e4f7f6

Cyan 1

#c7efed

Cyan 2

#a7e6e3

Cyan 3

#81dcd8

Cyan 4

#54d0ca

Cyan 5

#1cc1b9

Cyan 6

#19aea7

Cyan 7

#169992

Cyan 8

#127f79

Cyan 9

#0d5b57

blue

Blue 0

#e6f0f8

Blue 1

#cbe0f0

Blue 2

#accde8

Blue 3

#88b7de

Blue 4

#5b9dd2

Blue 5

#1c77c1

Blue 6

#196bad

Blue 7

#165d97

Blue 8

#124d7c

Blue 9

#0c3658

indigo

Indigo 0

#eaebf9

Indigo 1

#d4d5f3

Indigo 2

#babcec

Indigo 3

#9a9de3

Indigo 4

#7075d7

Indigo 5

#1c24c1

Indigo 6

#1920ad

Indigo 7

#151c96

Indigo 8

#11167a

Indigo 9

#0c0f53

violet

Violet 0

#f1eaf9

Violet 1

#e1d3f3

Violet 2

#cfb8eb

Violet 3

#b997e2

Violet 4

#9c6cd7

Violet 5

#661cc1

Violet 6

#5b19ad

Violet 7

#4f1597

Violet 8

#41117b

Violet 9

#2d0c55

fuschia

Fuschia 0

#f8eaf9

Fuschia 1

#f1d2f2

Fuschia 2

#e9b7eb

Fuschia 3

#de96e2

Fuschia 4

#d16bd6

Fuschia 5

#b91cc1

Fuschia 6

#a719ae

Fuschia 7

#921698

Fuschia 8

#78127e

Fuschia 9

#550d59

pink

Pink 0

#f9eaf2

Pink 1

#f2d2e4

Pink 2

#ebb7d4

Pink 3

#e297c0

Pink 4

#d66ba6

Pink 5

#c11c77

Pink 6

#ae196b

Pink 7

#98165d

Pink 8

#7d124d

Pink 9

#590c37

red

Red 0

#f9eaeb

Red 1

#f3d3d5

Red 2

#ebb9bb

Red 3

#e3989c

Red 4

#d76e73

Red 5

#c11c24

Red 6

#ae1920

Red 7

#98161c

Red 8

#7d1217

Red 9

#590c10

orange

Orange 0

#f8ede5

Orange 1

#f0dbc9

Orange 2

#e7c6aa

Orange 3

#ddad85

Orange 4

#d18f59

Orange 5

#c1661c

Orange 6

#ae5c19

Orange 7

#985016

Orange 8

#7d4212

Orange 9

#582f0c

yellow

Yellow 0

#f6f5e1

Yellow 1

#eeebc1

Yellow 2

#e4e19e

Yellow 3

#dad578

Yellow 4

#cec84d

Yellow 5

#c1b91c

Yellow 6

#aea719

Yellow 7

#999216

Yellow 8

#7f7912

Yellow 9

#5b570d

lime

Lime 0

#edf7e2

Lime 1

#dbeec3

Lime 2

#c7e5a1

Lime 3

#b0db7b

Lime 4

#96cf4f

Lime 5

#77c11c

Lime 6

#6bae19

Lime 7

#5e9916

Lime 8

#4e7f12

Lime 9

#385b0d

green

Green 0

#e6f8e5

Green 1

#cbf0c9

Green 2

#ace7a9

Green 3

#89dd84

Green 4

#5dd157

Green 5

#24c11c

Green 6

#20ae19

Green 7

#1c9916

Green 8

#177f12

Green 9

#115b0d

teal

Teal 0

#e5f7ed

Teal 1

#c8f0da

Teal 2

#a8e7c4

Teal 3

#82ddab

Teal 4

#56d08d

Teal 5

#1cc166

Teal 6

#19ae5c

Teal 7

#169950

Teal 8

#127f43

Teal 9

#0d5b30

Download

JSONCSSSass