Foundations
Colors
Primary & accent
Lilac
#B97CFF
lilac
Primary CTA
Lilac Hover
#A86AEE
lilac-hover
Lilac Active
#9132FF
lilac-active
Lilac 300
#D9B8FF
lilac-300
Lilac Soft
#F3E8FF
lilac-soft
Brand Blue
#2F77EE
brand-blue
Links, accent
Brand Blue Soft
#E8F0FE
brand-blue-soft
Blue 400
#689FFA
brand-blue-400
Blue 300
#A4C6FE
brand-blue-300
Blue 100
#D9E7FF
brand-blue-100
Violet & green
Violet
#7829D2
violet
Violet Active
#5909B5
violet-active
Green
#7FC15D
green
Green 300
#BEEDA6
green-300
Green 100
#E5F8DB
green-100
Success
#5FCA89
success
Success Strong
#30A46C
success-strong
Success Soft
#E8F8EF
success-soft
Warning
#F5A524
warning
Warning Soft
#FFF6E5
warning-soft
Neutrals & surfaces
Ink
#2D2C32
ink
Foreground
#333333
fg
Muted FG
#546E7A
muted-fg
Border
#B0BEC5
border
Border Soft
#DAE4E9
border-soft
Surface
#ECEFF1
surface
Canvas
#E8ECEF
canvas
Footer
#061E47
footer
Semantic
Primary
#B97CFF
primary
Maps to lilac
Accent
#2F77EE
accent
Maps to brand blue
Destructive
#E53935
destructive
Destructive Soft
#FDECEA
destructive-soft
Muted
#ECEFF1
muted
Background
#FFFFFF
background
Typography
Heading 1 — text-h1
Heading 2 — text-h2
Heading 3 — text-h3
Body 16 — text-body-16
Body 14 — text-body-14
Serif heading — text-h3-serif