Please visit theming for detailed information about all Material Design colors and how to customise theme colors.
Color scheme
In Material Design, a primary color refers to a color that appears most frequently in your app. A secondary color refers to a color used to accent key parts of your UI.
Primary color
A primary color is the color 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 color. The contrast between lighter and darker tones helps show division.
Primary
Secondary color
A secondary color is used to accent select parts of your UI. It can be analogous or complementary to your primary color, but it should not simply be a light or dark variation of your primary color. It should contrast with elements that surround it and be applied sparingly as an accent.
Secondary colors are best used for:
- Buttons and floating action buttons
- Headlines
- Links
- Progress bars
- Selection controls and sliders
- Text fields and text selection
Secondary
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.