Material Color Generator
Complete Material Design color palette reference. Browse all 19 color families with shades 50–900 — the exact palette used by Material UI, Android and Google products.
What Is the Material Design Color Palette?
The Material Design color palette is Google's curated color system used across Android, Material UI, Google products and millions of third-party apps. It includes 19 color families — red, pink, purple, deep purple, indigo, blue, light blue, cyan, teal, green, light green, lime, yellow, amber, orange, deep orange, brown, gray, blue-gray — each with 10 shades from 50 (lightest) to 900 (darkest).
How to Use This Reference
Browse all 19 families below. Each shade is a clickable swatch — click to copy its HEX value. Use the Copy CSS Variables button to get the entire palette as CSS custom properties for use outside of Material UI.