Color Shade Scale Generator
9 toolsGenerate a full 50-900 shade scale from one color.
Runs in your browser — your files and text stay on your device
Generate a 50 to 900 shade scale (ten shades) from a single base color, following the numbering used by Tailwind-style design systems. The base color is shade 500, lighter shades blend it toward white and darker shades toward black. Click a swatch to copy its hex code; it's computed locally in your browser.
Picker & PaletteShade ScalePalette from ImageColor MixerGradient GeneratorContrast CheckerColor BlindnessNamed ColorsPalette Reference
How to use this tool
- 1Pick or type a base color.
- 2A full 50-900 shade scale is generated from it, matching the convention used by Tailwind and similar design systems.
- 3Click any swatch to copy its hex code.
Frequently asked questions
Where does 500 sit in the scale?
500 is always your exact input color — lighter shades (50-400) blend it toward white, darker shades (600-900) blend it toward black.
Is this sent to a server?
No, the scale is generated entirely in your browser.