primary
Primary
primary Light
primary Button + Link + Info State
primary Button Hover + Link Hover + Info State Hover
primary Dark
primary Lightest
primary Button Active + primary Button Line + Link Active + primary State Active + primary Text
primary Background + primary State Background + Pill Background
success
Primary
success Light
success Button + Link + Info State
success Button Hover + Link Hover + Info State Hover
success Dark
success Lightest
success Button Active + success Button Line + Link Active + success State Active + success Text
success Background + success State Background + Pill Background
warning
Primary
warning Light
warning Button + Link + Info State
warning Button Hover + Link Hover + Info State Hover
warning Dark
warning Lightest
warning Button Active + warning Button Line + Link Active + warning State Active + warning Text
warning Background + warning State Background + Pill Background
danger
Primary
danger Light
danger Button + Link + Info State
danger Button Hover + Link Hover + Info State Hover
danger Dark
danger Lightest
danger Button Active + danger Button Line + Link Active + danger State Active + danger Text
danger Background + danger State Background + Pill Background
Gray
Gray 9
Gray 4
Header Text + Icon
Button Disabled + Icon Disabled Secondary Button Line + Understated Icon Disabled + Card Line Hover + Dark Divider Line
Gray 8
Gray 3
Body Text
Shadows + Decorative Icon
Gray 7
Gray 2
Helper Text
Secondary Background Active + Card Line + Pill Background
Gray 6
Gray 2
Header Text Disabled + Body Text Disabled + Icon Disabled + Link Disabled
Secondary Button + Page Background + Light Divider Line + Pill Background
Gray 5
Gray 0
Understated Icon
Secondary Background Hover + Table Row Hover + Dropdown Item Hover + List Item Hover
02. Main Colors
primary
success
warning
danger
Gray
03. Extended Colors
Cyan
Grape
Indigo
Lime
Orange
Pink
Teal
Violet