Color Palette Generator

Generate a complete color scale, semantic tokens, and WCAG contrast checks from a single primary color — all in your browser.

Primary Color
Color Scale
Click any swatch to copy its HEX value.
Semantic Roles
WCAG 2.1 Contrast Check
Color Strategy Notes
Export
Tip: Colors are computed in HSL space — hue is preserved, only lightness shifts. Stop 600 is the closest to your input color.