Material Design Color Palette
Browse and copy the Material Design color palette for free — 19 families × 10 shades (50–900), with HEX and RGB copy. Runs entirely in your browser.
100% private — runs entirely in your browser. Your files never leave your device.
The Material Design color palette — 19 families × 10 shades (50–900). Click a swatch to copy its HEX or RGB value. Runs entirely in your browser.
How to use the Material Design Color Palette
- Browse the Material Design palette by family and shade.
- Switch between HEX and RGB.
- Click any swatch to copy it.
What you can use it for
- Look up exact Material Design colors
- Match Android/Material UI components
- Copy HEX or RGB for any shade
- Build a Material-consistent theme
More free tools
Working on a color scheme?
Pick, convert, mix and check colors with our full set of free, no-signup color tools.
Explore all free color tools →Frequently asked questions
What palette is this?
Google's Material Design color palette — 19 families (red through blue-grey) with shades from 50 to 900.
How do I copy a color?
Click any swatch to copy its value; switch between HEX and RGB with the toggle.
Are the values accurate?
Yes — they come straight from the published Material Design palette.
Is it private?
Yes — it's a static reference that runs in your browser.