Color Palette Generator
Complementary, analogous, 50–950 shadesRuns locally · nothing uploaded
Shades & tints (50–950)
Complementary
Analogous
Triadic
Tetradic
Split complementary
Monochromatic
Click a swatch to copy its HEX
Also works as:color scheme generatorcomplementary colortailwind shades
How to use
- 1Pick or enter a base color.
- 2Browse the generated palettes.
- 3Click a swatch, or copy a whole set as CSS variables.
FAQ
What are 50–950 shades for?
A Tailwind-style scale: light shades for backgrounds, dark ones for text and hover states.
How is the complementary color found?
By rotating the hue 180° on the HSL wheel; analogous colors are ±30°, triadic 120° apart.