Monochromatic Palette
Build a single-hue tints-and-shades palette.
How to use
- 1 Enter a base hex colour or pick one with the colour picker.
- 2 Drag the slider to set how many swatches you want (2–20).
- 3 Review the light-to-dark ramp; the base swatch is highlighted.
- 4 Copy a single hex value or the whole palette at once.
About Monochromatic Palette
The Monochromatic Palette generator turns a single base colour into a harmonious ramp of tints and shades that all share the same hue and saturation.
Monochromatic schemes are the safest, most cohesive way to add depth to a design: because every swatch is just a lighter or darker version of one colour, they always look intentional, which makes them ideal for backgrounds, hover states, charts, gradients and UI elevation layers.
Enter a hex value or use the colour picker, then choose how many swatches you want — anywhere from 2 to 20.
The tool reads the base colour’s hue and saturation, holds them fixed, and spreads lightness evenly across a comfortable band so the lightest tone is not blown out to white and the darkest is not crushed to black.
Swatches are ordered from lightest to darkest, each labelled with its lightness value, and the one closest to your original colour is marked as the base so you always know your anchor.
Every swatch shows its hex code with an individual copy button, and a single "Copy all" action grabs the whole ramp for pasting into CSS variables, a design token file or a graphics app.
The whole palette is computed locally in your browser — nothing is uploaded — and it updates live as you change the colour or the number of steps.
FAQ
What is a monochromatic colour palette?
It is a set of colours that all share one hue and saturation, varying only in lightness. The result is a cohesive ramp of tints (lighter) and shades (darker) of a single colour.
Why are the lightest and darkest swatches not pure white and black?
Lightness is spread across a comfortable band so the extremes stay usable. Pure white and black lose the hue entirely, which defeats the point of a single-colour palette.