In Material Design, a secondary color can have dark and light variants to create more options for styling. A complete color theme can utilize a primary color, a secondary color, and dark and light variants of each to establish visual hierarchy and distinction in the user interface.

University of Michigan - Ann Arbor

Google

A secondary color provides more ways to accent and distinguish your product. Having a secondary color is optional, and should be applied sparingly to accent select parts of your UI. If you don’t have a secondary color, your primary color can also be used to accent elements.

Secondary colors are best for:
- Floating action buttons
- Selection controls, like sliders and switches
- Highlighting selected text
- Progress bars
- Links and headlines

Learn Before

Related