Color
The Material Design color system helps you apply color to your UI in a meaningful way.
Our color palette is composed of light-blue and gray, both belonging to the chromatic circle of cold tones. This allows us to generate a perfect harmony between them.
Primary color
The primary color is light-blue. It is used all across your interfaces and components.
Secondary color
These colors are used as supporting in backgrounds, text colors, separators, etc.
Critical color
These colors convey an emotion of negativity. Generally used across error states.
High color
These colors convey an emotion of caution. Generally used across warning states but more priority than medium.
Medium color
These colors convey the feeling of caution. Generally used across warning states but less priority than high.
Low/Success color
These colors convey an emotion of positivity. Generally used across success or complete states for confirmations about actions.
Informative color
Blue colors convey an emotion of stability and confidence. These colors are used for information notifications or to ask users to do something.
Alternate color
These colors are used as an alternative to primary or secondary colors.