Color Palette
Primitive
Green
Green / 900
#14532D
Green / 800
#166534
Green / 700
#15803D
Green / 600
#16A34A
Green / 500
#22C55E
Green / 400
#4ADE80
Green / 300
#86EFAC
Green / 200
#BBF7D0
Green / 100
#DCFCE7
Green / 50
#F0FDF4
Blue
Blue / 900
#03253f
Blue / 800
#053961
Blue / 700
#085691
Blue / 600
#096ab3
Blue / 500
#0b78cb
Blue / 400
#2098f3
Blue / 300
#5fb5f7
Blue / 200
#9ed2fa
Blue / 100
#d3ebfd
Blue / 50
#e7f4fe
Red
Red / 900
#7F1D1D
Red / 800
#991B1B
Red / 700
#B91C1C
Red / 600
#DC2626
Red / 500
#EF4444
Red / 400
#F87171
Red / 300
#FCA5A5
Red / 200
#FECACA
Red / 100
#FEE2E2
Red / 50
#FEF2F2
Yellow
Yellow / 900
#2e1f00
Yellow / 800
#422c00
Yellow / 700
#614100
Yellow / 600
#8a5c00
Yellow / 500
#9e6a00
Yellow / 400
#c78500
Yellow / 300
#ffb114
Yellow / 200
#ffc95c
Yellow / 100
#ffe0a3
Yellow / 50
#fff3db
Gray
Gray / 900
#111827
Gray / 800
#1F2937
Gray / 700
#374151
Gray / 600
#4B5563
Gray / 500
#6B7280
Gray / 400
#9CA3AF
Gray / 300
#D1D5DB
Gray / 200
#E5E7EB
Gray / 100
#F3F4F6
Gray / 50
#F9FAFB
Semantic Tokens
Primary
main
light
dark
hover
active
focus
disabled
Light
Green / 500
#22C55E
Green / 400
#4ADE80
Green / 600
#16A34A
Green / 700
#15803D
Green / 800
#166534
Green / 500
#22C55E
Green / 300
#86EFAC
Dark
Green / 600
#16A34A
Green / 400
#4ADE80
Green / 400
#4ADE80
Green / 400
#4ADE80
#34D399
Green / 600
#16A34A
Gray / 500
#6B7280
Secondary
main
light
dark
hover
active
focus
disabled
Light
Blue / 500
#0b78cb
Blue / 400
#2098f3
Blue / 600
#096ab3
Blue / 700
#085691
Blue / 800
#053961
Blue / 500
#0b78cb
Blue / 300
#5fb5f7
Dark
Blue / 600
#096ab3
Blue / 400
#2098f3
Blue / 400
#2098f3
Blue / 500
#0b78cb
Blue / 700
#085691
Blue / 600
#096ab3
Gray / 500
#6B7280
Accent
main
light
dark
hover
active
focus
disabled
Light
Red / 600
#DC2626
Red / 400
#F87171
Red / 700
#B91C1C
Red / 800
#991B1B
Red / 900
#7F1D1D
Red / 600
#DC2626
Red / 300
#FCA5A5
Dark
#FF6B6B
Red / 400
#F87171
#FF6B6B
Red / 400
#F87171
Red / 500
#EF4444
#FF6B6B
Gray / 500
#6B7280
Success
main
light
dark
hover
active
focus
disabled
Light
Green / 500
#22C55E
Green / 400
#4ADE80
Green / 600
#16A34A
Green / 700
#15803D
Green / 800
#166534
Green / 500
#22C55E
Green / 300
#86EFAC
Dark
Green / 400
#4ADE80
Green / 400
#4ADE80
Green / 400
#4ADE80
Green / 400
#4ADE80
#34D399
Green / 600
#16A34A
Gray / 500
#6B7280
Warning
main
light
dark
hover
active
focus
disabled
Light
Yellow / 300
#FFB114
Yellow / 100
#FFE0A3
Yellow / 600
#8a5c00
Yellow / 700
#614100
Yellow / 800
#422c00
Yellow / 500
#9e6a00
Yellow / 200
#ffc95c
Dark
#FCD34D
Yellow / 300
#ffb114
#FCD34D
Yellow / 300
#ffb114
Yellow / 500
#9e6a00
#FCD34D
Gray / 500
#6B7280
Error
main
light
dark
hover
active
focus
disabled
Light
Red / 700
#B91C1C
Red / 400
#F87171
Red / 900
#7F1D1D
Red / 800
#991B1B
Red / 900
#7F1D1D
Red / 700
#B91C1C
Red / 300
#FCA5A5
Dark
#FF6B6B
Red / 400
#F87171
#FF6B6B
Red / 400
#F87171
Red / 500
#EF4444
#FF6B6B
Gray / 500
#6B7280