Material Color Generator

Generate official Google Material Design 50 to 900 color shade scales from a single primary hex color.

10-Shade Scale

Computes complete 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 shade scales.

Material Design 3

Strictly adheres to Google Material Design color system guidelines.

1-Click Copy

Copy individual shade HEX values directly to clipboard.

Generated Material Color Scale (50 - 900)

What is a Material Color Generator?

A Material Color Generator expands a single brand hex color into Google Material Design color palettes for Android apps and Web UIs.