Color Scheme Generator

Create harmonious color schemes from any base color. Export as CSS Variables, SCSS, or Tailwind config.

#FF6B6B

Generated Scheme

How It Works

1. Pick Base Color

Choose any starting color using the color picker or type a hex value.

2. Choose Harmony

Select from complementary, analogous, triadic, and other harmony rules.

3. Generate

Click generate or press spacebar to create your harmonious palette.

4. Export

Copy CSS Variables, SCSS, Tailwind config, or download as SVG.

Export


        
    

Watch How It Works