Colors
Primary palette and semantic colors.
Primary Colors
Used for primary actions, links, and key UI elements.
Primary 900
#34156F
Primary 800
#4C1EA5
Primary 700
#6125CF
Primary 600
#7532F2
Primary 500
#8746FF
Primary 400
#A06DFF
Primary 300
#BF97FF
Primary 200
#D5B9FF
Primary 100
#EADBFF
Primary 50
#F5EFFF
Neutral Colors
Used for text, borders, and backgrounds.
Black
#000000
Neutral 900
#202539
Neutral 800
#363B50
Neutral 700
#4C536C
Neutral 600
#616B87
Neutral 500
#7B85A4
Neutral 400
#9AA3BF
Neutral 300
#BCC3D9
Neutral 200
#D8DCED
Neutral 100
#ECEEF6
Neutral 50
#F6F7FB
White
#FFFFFF
Semantic Colors
Used to communicate status and feedback.
Success
Success 700
#08613C
Success 600
#0E7C3A
Success 500
#16A34A
Success 400
#4ADE80
Success 100
#DCFCE7
Warning
Warning 700
#653D0C
Warning 600
#9A610F
Warning 500
#F59E0B
Warning 400
#FBBF24
Warning 100
#FEF3C7
Error
Error 700
#8A1A36
Error 600
#B02246
Error 500
#D02B54
Error 400
#FF6B87
Error 100
#FFE5EA
Info
Info 700
#006FA8
Info 600
#0098E0
Info 500
#1CB8FF
Info 400
#52D0FF
Info 100
#E0F2FE