Material Design Color Palette
Click any Material Design swatch to copy its HEX code across all 14 colors and 10 shade levels.
Material Design color palette. Click to copy HEX.
Summary
Click any Material Design swatch to copy its HEX code across all 14 colors and 10 shade levels.
How it works
- Browse the color grid by hue family
- Click any swatch to copy its HEX
- Use the search to find a specific shade like Blue 700
Use cases
- Build Material Design compliant UIs
- Reference shade codes during development
- Find the right shade for primary and accent colors in Android apps
Frequently Asked Questions
Last updated: 2026-07-24 ·
Reviewed by Nham Vu