low
css
.
0.25.0
Documentation
Colors
Examples
Playground
Documentation
Colors
Examples
Playground
A palette for every project.
Easily apply and customize colors to create stunning, cohesive visuals across your project.
Documentation
Download JSON
cool
50
#F6F7F9
100
#E7E9EF
200
#CBD1DC
300
#ACB6C8
400
#8E9AB4
500
#6F7F9F
600
#5A6987
700
#455168
800
#313949
900
#1F242E
950
#14181F
gray
50
#F9FAFA
100
#F3F4F5
200
#D5D9DC
300
#B7BDC3
400
#9BA3AC
500
#7C8792
600
#646E78
700
#4A5259
800
#31363A
900
#191C1F
950
#0C0D0E
neutral
50
#FAFAFA
100
#F5F5F5
200
#E6E6E6
300
#C9C9C9
400
#ABABAB
500
#8F8F8F
600
#737373
700
#545454
800
#383838
900
#1A1A1A
950
#0D0D0D
red
50
#FCE9EB
100
#F9D2D6
200
#F2A6AD
300
#EC7985
400
#E54D5C
500
#DF2033
600
#B21A29
700
#86131F
800
#590D14
900
#2D060A
950
#160305
orange
50
#FEF0E6
100
#FEE1CD
200
#FDC49B
300
#FBA66A
400
#FA8938
500
#F96B06
600
#C75605
700
#954004
800
#642B02
900
#321501
950
#190B01
yellow
50
#FFF9E5
100
#FFF2CC
200
#FFE699
300
#FFD966
400
#FFCC33
500
#FFBF00
600
#CC9900
700
#997300
800
#664D00
900
#332600
950
#191300
green
50
#E5FBED
100
#CBF6DB
200
#9BEEB9
300
#66E595
400
#36DD73
500
#1FB757
600
#199446
700
#126D34
800
#0D4A23
900
#062311
950
#031108
teal
50
#E3FCFA
100
#CCFAF6
200
#99F5ED
300
#66F0E4
400
#33EADB
500
#15D0C1
600
#11A79A
700
#0D7D74
800
#08534D
900
#042A27
950
#021311
blue
50
#E6F0FF
100
#CDE1FE
200
#9BC4FD
300
#69A6FC
400
#3789FB
500
#056BFA
600
#0456C8
700
#034096
800
#022B64
900
#011532
950
#000B19
indigo
50
#ECECFD
100
#DEDEFC
200
#B8B9F9
300
#9799F7
400
#7173F4
500
#5053F1
600
#1316EC
700
#0E11B3
800
#090B76
900
#05063D
950
#02031C
violet
50
#F3ECFE
100
#E6D8FD
200
#CEB1FB
300
#B58BF9
400
#9C64F7
500
#843DF5
600
#610CE9
700
#4809AF
800
#300674
900
#18033A
950
#0C011D
pink
50
#FDE8F2
100
#FBD5E8
200
#F6ACD1
300
#F282BA
400
#ED59A3
500
#E92F8C
600
#CB1570
700
#981054
800
#650B38
900
#33051C
950
#17020D
Designed by
Josemi
. Source code available on
GitHub
.