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.42)
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.42)
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#D9D4FF1.42
purple.300#B8A9FF2.07
purple.400#9373FF3.42
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#D9D4FF1.42
primary.300#B8A9FF2.07
primary.400#9373FF3.42
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#D9D4FF1.42
info.300#B8A9FF2.07
info.400#9373FF3.42
info.500#6E3FFF5.50
info.600#5319E08.13
info.700#4715AF10.53
info.800#40179112.00
info.900#2F146914.74