Please visit theming for detailed information about all Material Design colours and how to customise theme colours.
In Material Design, a primary colour refers to a colour that appears most frequently in your app. A secondary colour refers to a colour used to accent key parts of your UI.
A primary colour is the colour displayed most frequently across your app’s screens and components. To create contrast between elements, you can use lighter or darker tones of your primary colour. The contrast between lighter and darker tones helps show division.
A secondary colour is used to accent select parts of your UI. It can be analogous or complementary to your primary colour, but it should not simply be a light or dark variation of your primary colour. It should contrast with elements that surround it and be applied sparingly as an accent.
Secondary colours are best used for:
- Buttons and floating action buttons
- Progress bars
- Selection controls and sliders
- Text fields and text selection
Dark and light theme
Themes let you apply a consistent tone to an app. The theme specifies the darkness of elements. To promote greater consistency between apps, dark and light themes are available to choose from.