How many colors are in the Material Design palette?

The palette includes 19 hue families, each with 10 shade levels (100-900 plus 50), plus separate accent colors. That is roughly 256 total swatches.

Is this the Material Design 2 or 3 palette?

This reference includes the Material Design 2 static palette. Material Design 3 uses dynamic color, which is device-generated.

Accent swatches are the vivid, saturated colors used for call-to-action elements. Not all color families have accent variants.

Yes. Export the full palette as a JSON file compatible with Figma plugin color systems.

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.

Last updated: 2026-06-10 · Reviewed by Nham Vu