Color Palette Generator

Press spacebar to generate. Click any color to copy. Export to CSS, Tailwind, SCSS.

Base#F59E0B

#F5290A

Red

rgb(245, 41, 10)

#F59E0B

Yellow

rgb(245, 158, 11)

#D6F50A

Lime

rgb(214, 245, 10)

#60F50A

Green

rgb(96, 245, 10)

#F50A60

Red

rgb(245, 10, 96)

#F5290A

Red

HSL(8, 92%, 50%)

#F59E0B

Yellow

HSL(38, 92%, 50%)

#D6F50A

Lime

HSL(68, 92%, 50%)

#60F50A

Green

HSL(98, 92%, 50%)

#F50A60

Red

HSL(338, 92%, 50%)

🎨

6 Harmony Modes

Analogous, complementary, triadic, split-complementary, monochromatic, or random

📋

One-Click Export

Copy as CSS variables, Tailwind config, or SCSS variables instantly

🔒

Lock Colors

Lock colors you love and regenerate the rest. Build palettes iteratively