Material Design Color Chart

Material design is a visual language and design system developed by Google with an almost flat style and vibrant color schemes.

About Material Design Color Chart

The Material Design Color Chart is a comprehensive palette guide inspired by Google’s Material Design system — created to help designers craft visually consistent, accessible, and harmonious interfaces. It provides a balanced collection of primary and accent hues, each with clearly defined shades and contrast ratios.

More than just a color reference, this chart is a design tool — empowering creatives to experiment with light, depth, and motion while maintaining a cohesive aesthetic. Whether you’re designing apps, websites, or brand identities, the Material Design Color Chart helps you make confident color decisions that enhance usability and visual appeal across platforms.

From subtle neutrals to vibrant tones, every color in the chart is carefully calibrated to ensure clarity, emotion, and timeless design harmony.

My Collection
Palettes
Colors
Gradients