✦

Color Scheme Generator

Generate harmonious palettes from a base color — preview & export CSS/Tailwind/JSON.

● runs in your browser
Press Generate (or the spacebar) to reroll unlocked colors. Lock the ones you like — they stay put.
live preview
BrandHomeFeaturesPricing

Build something great

A quick mock to see your palette working as a real interface.

PrimarySecondaryGhost
export
:root {
  --color-1: #ff4d8d;
  --color-2: #8eff4d;
  --color-3: #4d8eff;
  --color-4: #ffd34d;
  --color-5: #a04dff;
}