Colors
Theme Tone Color
Color that define the tone of grays throughout the interface.Cozy GrayRecommended
10
20
30
40
50
60
70
80
90
95
--ui-bg-primary
--ui-bg-secondary
--ui-bg-tertiary
--ui-border-primary
--ui-border-secondary
--ui-border-tertiary
Main Colors
Functional colors designed to convey meaning and purpose
BluePrimary actions
10
20
30
40
50
60
70
80
90
95
PurpleApprovals and confirmations
10
20
30
40
50
60
70
80
90
95
PinkAutomated processes
10
20
30
40
50
60
70
80
90
95
RedDestructive actions and errors
10
20
30
40
50
60
70
80
90
95
OrangeDrawing attention
10
20
30
40
50
60
70
80
90
95
YellowAlerts and cautions
10
20
30
40
50
60
70
80
90
95
OliveOrganic systems
10
20
30
40
50
60
70
80
90
95
GreenSuccessful operations
10
20
30
40
50
60
70
80
90
95
AquaInquiries and information
10
20
30
40
50
60
70
80
90
95