The Material Design 3 (M3) system enables highly customized colors, a feature introduced in Android 12. This dynamic system can build a personalized color scheme based on a user's wallpaper or app content.

University of Michigan - Ann Arbor

Google

- The color system
- Applying color to UI
- Color usage 
- Text legibility
- Dark theme

Color

- Usage in UI
- Top and bottom app bars
- Backdrop
- Color variations

Applying color to UI

"The Material Design color system can help you create a color theme that reflects your brand or style"

- Color Usage and Palettes
- Color Themes Creation
- Tools for Picking Colors 

The Color System

Color helps express hierarchy, establish a brand presence, give meaning, and indicate element states.
- Hierarchy 
- Brand
- Meaning 
- State

Color Usage

"A dark theme is a low-light UI that displays mostly dark surfaces."

Dark Theme 

"Color plays an important role in text legibility."

Text Legibility

A dark theme is an option that creates a low-light UI that shows mostly dark surfaces.

Dark Theme

Color harmony refers to the technique of combining colors in a way that is visually pleasing. It involves understanding the relationships between colors and using them to convey meaning and create a specific aesthetic. One way to learn about these relationships is by studying the color wheel.

Learn Before

Related