Colors List

others
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose

slate


Click on a value to copy
LevelHEXRGBHSL
50
#F8FAFCrgb(248,250,252)hsl(210,40%,98%)
100
#F1F5F9rgb(241,245,249)hsl(210,40%,96.1%)
200
#E2E8F0rgb(226,232,240)hsl(214.3,31.8%,91.4%)
300
#CBD5E1rgb(203,213,225)hsl(212.7,26.8%,83.9)
400
#94A3B8rgb(148,163,184)hsl(215,20.2%,65.1%)
500
#64748Brgb(100,116,139)hsl(215.4,16.3%,46.9%)
600
#475569rgb(71,85,105)hsl(215.3,19.3%,34.5%)
700
#334155rgb(51,65,85)hsl(215.3,25%,26.7%)
800
#1E293Brgb(30,41,59)hsl(217.2,32.6%,17.5%)
900
#0F172Argb(15,23,42)hsl(222.2,47.4%,11.2%)
950
#020617rgb(2,6,23)hsl(222.2,84%,4.9%)
VariablesLightDark
border
input
ring
background
foreground
muted
muted-foreground
popover
popover-foreground
card
card-foreground
primary
primary-foreground
secondary
secondary-foreground
accent
accent-foreground
destructive
destructive-foreground