Material Design Colors
Browse and copy the Material Design color palette.
red
pink
purple
deep-purple
indigo
blue
light-blue
cyan
teal
green
light-green
lime
yellow
amber
orange
deep-orange
brown
grey
blue-grey
Browse the Material Design Color Palette
Google's Material Design palette provides a set of accessible, harmonious color families, each with shades from 50 to 900 plus accent tones (A100âA700). This reference shows every swatch with its HEX value; click any color to copy it.
Shades and accents
- 50â900: the main tonal range of each color
- 500: the reference 'primary' shade
- A100âA700: vivid accent colors
- Designed for accessible contrast pairings
Using Material colors
Pick a primary (often the 500 shade) and an accent from a different family for calls to action. The consistent steps make it easy to build light and dark variants.
Private & Processed Locally
These are the standard Material Design colors, served from your browser. Nothing is uploaded.
Frequently Asked Questions
Common questions about the Material Design Colors.
What does this include?
All Material Design color families with shades 50 to 900 plus accent tones and their HEX values.
How do I copy a color?
Click any swatch to copy its HEX value.
Is it private?
Yes, the palette is served from your browser.