Brand
Tokens related to your primary and secondary brand colors.
Types
Functions
Link copied to clipboard
Color for text and icons displayed on top of the primary color.
Link copied to clipboard
Color for text and icons placed on top of the primaryContainer color.
Link copied to clipboard
Color for text and icons placed on top of the secondary color.
Link copied to clipboard
Color for text and icons placed on top of the secondaryContainer color.
Link copied to clipboard
The main brand color, used for key interactive elements like buttons, active states, and FABs.
Link copied to clipboard
Link copied to clipboard
The secondary brand color, used for less prominent components that still require some accent.
Link copied to clipboard
A toned-down container color derived from the secondary brand color.