Color Tokens

Full palette · 142 tokens · use as var(--color-primary)

Primary
primary-d2
#004AD7
primary-d1
#0053F0
primary
#0B5FFF
primary-l0
#5791FF
primary-l1
#80ACFF
primary-l2
#B3CDFF
primary-l3
#F0F5FF
Secondary
secondary
#6B6C7E
secondary-l0
#9393A4
secondary-l1
#A7A9BC
secondary-l2
#CDCED9
secondary-l3
#E7E7ED
Dark
dark-d2
#111116
dark-d1
#1C1C24
dark
#272833
dark-l1
#30313F
dark-l2
#393A4A
Light
light-d2
#D3D6E0
light-d1
#E2E4EA
light
#F1F2F5
light-l1
#F7F8F9
white
#FFFFFF
Success
success-d2
#1C5629
success-d1
#226A33
success
#287D3C
success-l1
#5ACA75
success-l2
#EDF9F0
Info
info-d2
#234584
info-d1
#294F98
info
#2E5AAC
info-l1
#89A7E0
info-l2
#EEF2FA
Warning
warning-d2
#863A00
warning-d1
#9F4500
warning
#B95000
warning-l1
#FF8F39
warning-l2
#FFF4EC
Danger
danger-d2
#AB1010
danger-d1
#C31212
danger
#DA1414
danger-l1
#F48989
danger-l2
#FEEFEF
Charts
blue-d4
#004799
blue-d3
#0053B3
blue-d2
#005FCC
blue-d1
#006BE6
blue
#006EFF
blue-l1
#338FFF
blue-l2
#66ABFF
blue-l3
#97C5FF
blue-l4
#CCE3FF
blue-l5
#E5F1FF
orange-d4
#662700
orange-d3
#803100
orange-d2
#993B00
orange-d1
#B34400
orange
#CC4E00
orange-l1
#FF6200
orange-l2
#FF8133
orange-l3
#FFA166
orange-l4
#FFC099
orange-l5
#FFF0E5
red-d4
#800000
red-d3
#990000
red-d2
#B30000
red-d1
#CC0000
red
#E50000
red-l1
#FF4D4D
red-l2
#FF6666
red-l3
#FF8080
red-l4
#FF9999
red-l5
#FFE5E5
teal-d4
#092A25
teal-d3
#0D3F37
teal-d2
#125449
teal-d1
#16695B
teal
#1B7E6E
teal-l1
#24A892
teal-l2
#42D7BE
teal-l3
#6CE0CC
teal-l4
#96E9DB
teal-l5
#EAFBF8
pink-d4
#800048
pink-d3
#990057
pink-d2
#B30065
pink-d1
#CC0074
pink
#E50082
pink-l1
#FF4DB2
pink-l2
#FF80C8
pink-l3
#FF99D3
pink-l4
#FFB2DE
pink-l5
#FFE5F4
green-d4
#162D06
green-d3
#22430A
green-d2
#2E590D
green-d1
#397010
green
#458613
green-l1
#53A117
green-l2
#67C91D
green-l3
#81E236
green-l4
#9DE963
green-l5
#F1FCE9
purple-d4
#7700CC
purple-d3
#8600E6
purple-d2
#9500FF
purple-d1
#9F1AFF
purple
#AA33FF
purple-l1
#BF66FF
purple-l2
#CA80FF
purple-l3
#D499FF
purple-l4
#DFB3FF
purple-l5
#F2E5FF
yellow-d4
#997000
yellow-d3
#B38900
yellow-d2
#CC9600
yellow-d1
#E6A800
yellow
#FFBB00
yellow-l1
#FFC933
yellow-l2
#FFD666
yellow-l3
#FFE499
yellow-l4
#FFF1CC
yellow-l5
#FFF8E5
cyan-d4
#00334D
cyan-d3
#004466
cyan-d2
#005580
cyan-d1
#006699
cyan
#0077B3
cyan-l1
#0099E6
cyan-l2
#33BBFF
cyan-l3
#66CCFF
cyan-l4
#99DDFF
cyan-l5
#E5F6FF
indigo-d4
#0017E5
indigo-d3
#001AFF
indigo-d2
#1A30FF
indigo-d1
#3347FF
indigo
#4D5FFF
indigo-l1
#808CFF
indigo-l2
#99A3FF
indigo-l3
#B2BAFF
indigo-l4
#CCD1FF
indigo-l5
#E5E8FF