fundamentals

Colors

Let users take action and make choices in a single click

Primary
50#F7F5FF
100#E9E5FF
200#DDD6FF
300#C4B8FF
400#9985FF
500#775CFF
600#6347EB
700#543BCE
800#4732AE
900#291F5C
950#1A1339
Neutral
50#FAFAFA
100#F4F4F5
200#EAE9EC
300#DADADD
400#ABA9B1
500#716F7B
600#54525B
700#403F46
800#28272B
900#19181B
950#0A0A0B
Information
50#F5FAFF
100#E5F2FF
200#D6EAFF
300#B8DBFF
400#85C2FF
500#5CADFF
600#3399FF
700#007FFF
800#156BC1
900#193D62
950#14293D
Success
50#F5FFF7
100#E8FCED
200#DAFBE2
300#BFF8CD
400#8BF9A6
500#55F17C
600#40DD68
700#33CC59
800#38A854
900#1F5C2E
950#143D1F
Error
50#FFF5F5
100#FFE5E5
200#FFD6D6
300#FFB8B8
400#FF8585
500#FF5C5C
600#FF3333
700#E62323
800#B32D2D
900#621818
950#3D1414
Warning
50#FFFBF5
100#FFF4E5
200#FFEED6
300#FFE1B8
400#FFCC85
500#FFBB5C
600#FFAA33
700#FF9500
800#CA7F16
900#684412
950#621818