Generate a 50–900 tonal scale from one base color for design systems. Material Tonal Palette is a free online tool from the ToolsRift Color Tools collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Pick a base color and the tool builds the full 50–900 tonal scale; click any shade to copy its hex value.
A scale of tones from 50 (lightest) to 900 (darkest) generated from one base color, used across Material Design components.
The base typically anchors the 500 tone, with lighter tones above and darker tones below it in the scale.
Copy the shades into your theme as tokens — for example 500 for primary, 700 for hover, and 100 for subtle backgrounds.