All tools

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.

More Color Tools

View all tools →
Color PickerColor Palette GeneratorColor Contrast CheckerHEX to RGBRGB to HEXHEX to HSLHSL to HEXColor Blender
File Transfer