v 0.0.1 alpha
Components
Documentation
Blog
Blocks
Figma
Search
⌘K
Figma Preview
Early Access
Early Access
Get Started
Get Started
Components
Documentation
Blog
Blocks
Figma
Getting Started
Installation
Fundamentals
Components
Animations
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
Manual
Typography