Palx: Automatic UI Color Palette Generator

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
#f9f9fa
gray 1
#eceeef
gray 2
#dee1e3
gray 3
#cfd3d7
gray 4
#bfc5c9
gray 5
#adb4b9
gray 6
#98a1a8
gray 7
#7f8b93
gray 8
#606e79
gray 9
#374047

blue

blue 0
#f6fafd
blue 1
#e2eff9
blue 2
#cce4f5
blue 3
#b5d8f0
blue 4
#9bcaeb
blue 5
#7dbae5
blue 6
#5aa7de
blue 7
#2d8fd5
blue 8
#006fbe
blue 9
#004170

indigo

indigo 0
#f9f9fe
indigo 1
#ebedfb
indigo 2
#dddff8
indigo 3
#cdd1f5
indigo 4
#bcc0f2
indigo 5
#a9aeee
indigo 6
#929ae9
indigo 7
#7780e4
indigo 8
#525edc
indigo 9
#0516cd

violet

violet 0
#fbf8fe
violet 1
#f1ebfb
violet 2
#e8dcf8
violet 3
#ddccf5
violet 4
#d1baf1
violet 5
#c4a6ed
violet 6
#b48ee8
violet 7
#a172e3
violet 8
#864adb
violet 9
#4c00b8

fuschia

fuschia 0
#fdf8fe
fuschia 1
#f9e8fa
fuschia 2
#f5d8f7
fuschia 3
#f0c5f3
fuschia 4
#eab0ef
fuschia 5
#e498ea
fuschia 6
#dc7be5
fuschia 7
#d153dd
fuschia 8
#bb01cc
fuschia 9
#72007c

pink

pink 0
#fef8fb
pink 1
#fbe9f3
pink 2
#f7d8ea
pink 3
#f4c6e1
pink 4
#f0b2d6
pink 5
#eb9ac9
pink 6
#e57dba
pink 7
#dd57a5
pink 8
#cf0d7e
pink 9
#7f004a

red

red 0
#fef8f9
red 1
#fbe9eb
red 2
#f8dadc
red 3
#f4c8cc
red 4
#f0b5ba
red 5
#ec9ea5
red 6
#e6838b
red 7
#df5f6a
red 8
#d2202f
red 9
#85000b

orange

orange 0
#fdf9f5
orange 1
#f9ebe1
orange 2
#f5dccb
orange 3
#f0ccb3
orange 4
#eaba98
orange 5
#e4a679
orange 6
#dd8d54
orange 7
#d36d24
orange 8
#b54c00
orange 9
#6b2d00

yellow

yellow 0
#fbfaec
yellow 1
#f3efc4
yellow 2
#eae398
yellow 3
#e0d666
yellow 4
#d5c72c
yellow 5
#c5b500
yellow 6
#b0a200
yellow 7
#978b00
yellow 8
#776e00
yellow 9
#464000

lime

lime 0
#f6fcee
lime 1
#e2f4c8
lime 2
#cbec9e
lime 3
#b2e26e
lime 4
#94d736
lime 5
#75c800
lime 6
#68b300
lime 7
#599900
lime 8
#477900
lime 9
#294700

green

green 0
#f2fcf1
green 1
#d6f6d3
green 2
#b6efb1
green 3
#90e788
green 4
#61dd56
green 5
#1fcf0f
green 6
#0fb900
green 7
#0d9f00
green 8
#0b7e00
green 9
#064a00

teal

teal 0
#f1fcf6
teal 1
#d2f6e1
teal 2
#afefc9
teal 3
#85e7ae
teal 4
#52dc8b
teal 5
#0ace5c
teal 6
#00b84d
teal 7
#009e42
teal 8
#007d34
teal 9
#004a1f

cyan

cyan 0
#f0fcfb
cyan 1
#cef5f2
cyan 2
#a8eee8
cyan 3
#7ae4dc
cyan 4
#40d9cc
cyan 5
#00c9b8
cyan 6
#00b3a4
cyan 7
#009a8d
cyan 8
#007a70
cyan 9
#004842

Download

JSONCSS