Tools Color Palette Generator

Color Palette Generator

Build harmonious color schemes from any base color or at random — complementary, analogous, triadic, tetradic, split-complementary and monochromatic. Lock the colors you love, press Space for a fresh set, and export to CSS, JSON or Tailwind. Everything runs locally in your browser.

Export

About this palette generator

Color harmonies

Schemes are built on the color wheel — analogous, complementary, triadic, tetradic, split & monochromatic.

Lock & explore

Lock the swatches you like, then press Space or Generate to reshuffle the rest.

Pick your base

Set an exact base color with the picker or a HEX code to drive every harmony.

Copy any value

Click a swatch to copy its HEX; each shows its RGB and HSL too.

Export anywhere

One click to CSS custom properties, SCSS, a JSON array, a HEX list or a Tailwind colors block.

Private

All color math happens in your browser — nothing is uploaded.

📬 Weekly Newsletter

Stay ahead of the curve

Get the best programming tutorials, data analytics tips, and tool reviews delivered to your inbox every week.

No spam. Unsubscribe anytime.