Color indicates which elements are interactive, how they relate to other elements, and their level of prominence. Important elements should stand out the most.

Hierarchical

Text and important elements, like icons, should meet legibility standards when appearing on colored backgrounds.

Legible

Show brand colors at memorable moments that reinforce your brand’s style.

Expressive

New York University

University of Michigan - Ann Arbor

"The Material Design color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different ways."

Color usage and palettes

"Color themes are designed to be harmonious, ensure accessible text, and distinguish UI elements and surfaces from one another"

Learn Before

Related

Learn After