Color Palette Generator
Pick a base color and generate a harmony palette — complementary, analogous, triadic, tetradic, split-complementary, monochromatic, shades, or tints — and export as CSS variables.
Palette
CSS variables / export
Advertisement
How to use Color Palette Generator
- Pick a base color via the picker or hex input.
- Choose a harmony scheme.
- Click any swatch to copy its hex, or copy the full CSS.
What is Color Palette Generator?
Color theory in one tool. Pick a base color, choose a harmony scheme, and get a coherent palette plus ready-to-paste CSS custom properties. Click any swatch to copy its hex.
Advertisement
FAQ
- Which scheme should I use for a website?
- Analogous + a complementary accent is the safest combo. Monochromatic shades work for minimal interfaces.