T

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

  1. Pick a base color via the picker or hex input.
  2. Choose a harmony scheme.
  3. 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.

Related tools