Color Palette Generator

Create harmonious color schemes for your designs

Generate beautiful color palettes with complementary, analogous, triadic, and tetradic schemes. Export to CSS, SCSS, Tailwind, and more.

Color Palette

Primary Color

#8a2be2

Scheme Type

Complementary

Colors in Palette

Contrast Ratio

4.5:1

Base Color

Color Scheme

Complementary

Analogous

Triadic

Tetradic

Monochromatic

Split Complementary

Number of Colors: 5

Saturation: 70%

70%

Lightness: 50%

50%

Harmony Angle: 30°

30°

Export Palette

CSS Variables

SCSS Variables

Tailwind Config

JSON

SVG Palette

:root {
    --color-primary: #8a2be2;
    --color-secondary: #2be28a;
    --color-accent: #e22b8a;
    --color-neutral: #2b8ae2;
    --color-light: #8ae22b;
}

Beautiful Palette Examples

Click on any example to apply it

Vibrant Harmony

Ocean Blues

Primary Triad

Purple Monochrome

Color Wheel

Emerald Split

Pink Dream

Sunset Glow

How to Use This Tool

Pick Base Color

Choose a base color using the color picker or enter a hex code.

Select Scheme

Choose a color harmony scheme (complementary, analogous, etc.).

Adjust Settings

Fine-tune saturation, lightness, and number of colors.

Export & Use

Export your palette in CSS, SCSS, JSON, or other formats.