Palx

Automatic UI Color Palette Generator

#

Gray

Red

Orange

Yellow

Lime

Green

Teal

Cyan

Blue

Indigo

Violet

Fuschia

Pink

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

#faf9f9

Gray 1

#f0eced

Gray 2

#e5dfe0

Gray 3

#d9d0d2

Gray 4

#cdc0c3

Gray 5

#bfafb2

Gray 6

#ae9a9e

Gray 7

#9b8287

Gray 8

#81646a

Gray 9

#4b3a3e

red

Red 0

#fbeaee

Red 1

#f8d3db

Red 2

#f4b8c5

Red 3

#ef98ab

Red 4

#e96c87

Red 5

#dc143f

Red 6

#c61238

Red 7

#ae0f31

Red 8

#900d29

Red 9

#67091d

orange

Orange 0

#fbece6

Orange 1

#f7d8cc

Orange 2

#f2c1ad

Orange 3

#eda589

Orange 4

#e6825a

Orange 5

#dc4d14

Orange 6

#c64512

Orange 7

#ad3c0f

Orange 8

#8f320d

Orange 9

#662309

yellow

Yellow 0

#faf4e0

Yellow 1

#f5eac0

Yellow 2

#f0de9c

Yellow 3

#ead174

Yellow 4

#e3c247

Yellow 5

#dcb114

Yellow 6

#c7a012

Yellow 7

#ae8c0f

Yellow 8

#90740d

Yellow 9

#685409

lime

Lime 0

#f3fae0

Lime 1

#e6f5bf

Lime 2

#d8f09c

Lime 3

#c8ea74

Lime 4

#b7e347

Lime 5

#a3dc14

Lime 6

#93c712

Lime 7

#81ae0f

Lime 8

#6b910d

Lime 9

#4e6909

green

Green 0

#e9fbe4

Green 1

#d1f6c7

Green 2

#b6f1a6

Green 3

#97ec7f

Green 4

#71e551

Green 5

#3fdc14

Green 6

#39c712

Green 7

#32ae0f

Green 8

#29910d

Green 9

#1e6909

teal

Teal 0

#e5fbeb

Teal 1

#c9f7d6

Teal 2

#a9f2be

Teal 3

#84eca1

Teal 4

#55e57e

Teal 5

#14dc4d

Teal 6

#12c745

Teal 7

#0faf3d

Teal 8

#0d9132

Teal 9

#096924

cyan

Cyan 0

#e5fbf6

Cyan 1

#c8f6ec

Cyan 2

#a7f1e1

Cyan 3

#81ecd5

Cyan 4

#52e5c5

Cyan 5

#14dcb1

Cyan 6

#12c7a0

Cyan 7

#0faf8c

Cyan 8

#0d9175

Cyan 9

#096954

blue

Blue 0

#e4f4fb

Blue 1

#c7e9f6

Blue 2

#a5dcf1

Blue 3

#7fcdec

Blue 4

#51bae5

Blue 5

#14a3dc

Blue 6

#1293c6

Blue 7

#0f81ae

Blue 8

#0d6a90

Blue 9

#094c67

indigo

Indigo 0

#e8ecfb

Indigo 1

#d0d8f8

Indigo 2

#b3c1f3

Indigo 3

#91a5ee

Indigo 4

#6380e7

Indigo 5

#143fdc

Indigo 6

#1138c5

Indigo 7

#0f31ac

Indigo 8

#0c288c

Indigo 9

#081c62

violet

Violet 0

#efeafb

Violet 1

#ddd3f8

Violet 2

#c9b8f4

Violet 3

#b198ef

Violet 4

#906ce9

Violet 5

#4d14dc

Violet 6

#4512c6

Violet 7

#3c0fac

Violet 8

#310c8d

Violet 9

#220963

fuschia

Fuschia 0

#f8eafb

Fuschia 1

#f0d2f8

Fuschia 2

#e7b7f4

Fuschia 3

#dc96ef

Fuschia 4

#cd69e8

Fuschia 5

#b114dc

Fuschia 6

#9f12c6

Fuschia 7

#8c0fae

Fuschia 8

#730d8f

Fuschia 9

#520966

pink

Pink 0

#fbeaf6

Pink 1

#f8d3ed

Pink 2

#f4b8e3

Pink 3

#ef97d6

Pink 4

#e96bc5

Pink 5

#dc14a3

Pink 6

#c61293

Pink 7

#ae0f81

Pink 8

#900d6b

Pink 9

#67094c

Download

JSONCSSSass