...
Action colours
Colour | Default value | Inverse | |
|---|---|---|---|
Action | |||
On-action | |||
Action hover | |||
On-hover | |||
Action focus | |||
On-Focus | |||
Action focus border | |||
Action active | |||
On-active | |||
Action disabled | |||
On-disabled | |||
Selected | |||
On-selected | |||
Dropdown hover | |||
CTA link border |
General UI colours
Colour | Default value | Inverse | |
|---|---|---|---|
Accent | |||
Input field border | |||
Input field hover | |||
Divider | |||
Heading | |||
Body | |||
Placeholder | |||
Visited | |||
Surface | |||
Elevation | |||
Background default | |||
Background alternating |
Semantic colours
Colour | Default value | Inverse | |
|---|---|---|---|
Error | |||
On-error | |||
Error fill | |||
Notice | |||
On-notice | |||
Notice fill | |||
Success | |||
On-Success | |||
Success fill | |||
Destructive | |||
On-destructive |
...
Full colour list
Chameleon Green
...