Color Palette Generator
Generate lighter and darker color stops from one base color, then copy each HEX value.
🔒 Client · OfflinePresets:
The step that keeps your color
Generated 50–950 Shade Scale (Click any swatch to copy hex)
About palettes
This tool builds a palette of 11 stops from one base color. The stops go from 50, which is almost white, to 950, which is almost black.
Give the tool your brand color. The tool keeps that color and calculates the other stops around it in OKLCH, so each stop moves in an equal perceptual step.
Select a swatch to copy its HEX value. Select "Copy all as CSS variables" for a full set of custom properties, or "Copy all as JSON" for a design token file.
Select the pencil on a swatch to set an exact value for one stop. The other stops do not change.