CSS Color Palette Generator
Generate a local 50–950 CSS color scale from one HEX base color.
Generate a local 50–950 CSS color scale from one HEX base color.
This uses sRGB converted to HSL and fixed lightness steps. It is a practical geometric scale, not a perceptual model, and does not guarantee WCAG contrast or accessibility compliance.
A QUICK WALKTHROUGH
How to use this tool
- Enter a base HEX color and token name.
- Review the swatches, then copy CSS variables or HEX values.
CSS Color Palette Generator
This uses sRGB converted to HSL and fixed lightness steps. It is a practical geometric scale, not a perceptual model, and does not guarantee WCAG contrast or accessibility compliance.
GOOD TO KNOW
Common questions
CSS Color Palette Generator
This uses sRGB converted to HSL and fixed lightness steps. It is a practical geometric scale, not a perceptual model, and does not guarantee WCAG contrast or accessibility compliance.