Colors

ExampleTokenValueContrast against bg
black#00000021.00
white#FFFFFF1.00
whiteAlpha.50rgba(255,255,255, 0.04)
whiteAlpha.100rgba(255,255,255,0.06)
whiteAlpha.200rgba(255,255,255,0.11)
whiteAlpha.300rgba(255,255,255,0.29)
whiteAlpha.400rgba(255,255,255,0.43)
whiteAlpha.500rgba(255,255,255,0.55)
whiteAlpha.600rgba(255,255,255,0.68)
whiteAlpha.700rgba(255,255,255,0.76)
whiteAlpha.800rgba(255,255,255,0.78)
whiteAlpha.900rgba(255,255,255,0.94)
blackAlpha.50rgba(0,0,0, 0.04)
blackAlpha.100rgba(0,0,0,0.06)
blackAlpha.200rgba(0,0,0,0.11)
blackAlpha.300rgba(0,0,0,0.29)
blackAlpha.400rgba(0,0,0,0.43)
blackAlpha.500rgba(0,0,0,0.55)
blackAlpha.600rgba(0,0,0,0.68)
blackAlpha.700rgba(0,0,0,0.76)
blackAlpha.800rgba(0,0,0,0.78)
blackAlpha.900rgba(0,0,0,0.94)
gray.50#F7F7F71.07
gray.100#E9E9E91.21
gray.200#D8D8D81.43
gray.300#B5B5B52.05
gray.400#8E8E8E3.28
gray.500#7171714.88
gray.600#5353537.69
gray.700#3B3B3B11.20
gray.800#28282814.74
gray.900#21212116.10
red.50#fff5f41.07
red.100#ffe4e21.20
red.200#ffccc81.43
red.300#ff9a942.04
red.400#f4595a3.27
red.500#d927394.88
red.600#b304267.09
red.700#92001f9.37
red.800#73001912.05
red.900#58011314.70
orange.50#fff6e71.07
orange.100#ffe6bd1.21
orange.200#fdd2911.42
orange.300#ffa0372.03
orange.400#e26e003.25
orange.500#ba52004.89
orange.600#953d007.13
orange.700#7a2f009.40
orange.800#61230012.01
orange.900#49190114.76
yellow.50#fdf8d21.08
yellow.100#faec791.21
yellow.200#f8d9041.41
yellow.300#d7b3002.03
yellow.400#ae8a003.26
yellow.500#8b6b005.00
yellow.600#7053007.18
yellow.700#5b43009.34
yellow.800#48330012.01
yellow.900#36250014.77
green.50#e8fcf51.07
green.100#bef6e31.20
green.200#8bebd01.41
green.300#44cbac2.02
green.400#0ea1843.26
green.500#007f664.97
green.600#0064507.15
green.700#0850409.41
green.800#0d3e3112.00
green.900#0f2d2514.76
teal.50#e7fbfb1.07
teal.100#bbf4f31.21
teal.200#8be9e81.41
teal.300#3cc8cb2.04
teal.400#019ea53.26
teal.500#007c854.97
teal.600#00626b7.10
teal.700#0a4e579.37
teal.800#103b4412.13
teal.900#102c3314.68
blue.50#f4f7ff1.07
blue.100#e1eaff1.21
blue.200#c9d8ff1.42
blue.300#9cb3fd2.04
blue.400#6987f93.26
blue.500#4a65e84.86
blue.600#344bc37.14
blue.700#293ba19.40
blue.800#1f2d7f12.07
blue.900#16215f14.82
cyan.50#eafaff1.07
cyan.100#c6f1ff1.21
cyan.200#a0e3fd1.41
cyan.300#5cc0f12.05
cyan.400#2695de3.26
cyan.500#0873c84.89
cyan.600#0059a17.13
cyan.700#0047839.42
cyan.800#00376712.05
cyan.900#00294d14.74
purple.50#f7f6ff1.07
purple.100#eae7ff1.21
purple.200#d8d2ff1.44
purple.300#b6a7ff2.11
purple.400#8f70ff3.54
purple.500#6e3fff5.50
purple.600#5319e08.13
purple.700#4715af10.53
purple.800#40179112.00
purple.900#2f146914.74
pink.50#fff4fe1.07
pink.100#ffe2fb1.20
pink.200#fec7f81.42
pink.300#f592f32.04
pink.400#de53e03.27
pink.500#bc29bd5.01
pink.600#9d039e7.14
pink.700#8000819.40
pink.800#64066411.99
pink.900#470e4614.80
primary.50#f7f6ff1.07
primary.100#eae7ff1.21
primary.200#d8d2ff1.44
primary.300#b6a7ff2.11
primary.400#8f70ff3.54
primary.500#6e3fff5.50
primary.600#5319e08.13
primary.700#4715af10.53
primary.800#40179112.00
primary.900#2f146914.74
danger.50#fff5f41.07
danger.100#ffe4e21.20
danger.200#ffccc81.43
danger.300#ff9a942.04
danger.400#f4595a3.27
danger.500#d927394.88
danger.600#b304267.09
danger.700#92001f9.37
danger.800#73001912.05
danger.900#58011314.70
warning.50#fff6e71.07
warning.100#ffe6bd1.21
warning.200#fdd2911.42
warning.300#ffa0372.03
warning.400#e26e003.25
warning.500#ba52004.89
warning.600#953d007.13
warning.700#7a2f009.40
warning.800#61230012.01
warning.900#49190114.76
success.50#e8fcf51.07
success.100#bef6e31.20
success.200#8bebd01.41
success.300#44cbac2.02
success.400#0ea1843.26
success.500#007f664.97
success.600#0064507.15
success.700#0850409.41
success.800#0d3e3112.00
success.900#0f2d2514.76
info.50#f7f6ff1.07
info.100#eae7ff1.21
info.200#d8d2ff1.44
info.300#b6a7ff2.11
info.400#8f70ff3.54
info.500#6e3fff5.50
info.600#5319e08.13
info.700#4715af10.53
info.800#40179112.00
info.900#2f146914.74