Color Palette Generator

5-Stop Harmonizer

Press Spacebar or click Generate to create fresh combinations. Lock colors to keep them.

Explore

#E0D238

Gold

rgb(224, 210, 56)

Explore

#51CFF0

Medium Turquoise

rgb(81, 207, 240)

Explore

#DF3087

Rose Quartz

rgb(223, 48, 135)

Explore

#5AF132

Lawn Green

rgb(90, 241, 50)

Explore

#2C1AEA

Blue

rgb(44, 26, 234)

CSS Custom Properties (Variables)

:root { --color-step-1: #E0D238; /* Gold */ }
:root { --color-step-2: #51CFF0; /* Medium Turquoise */ }
:root { --color-step-3: #DF3087; /* Rose Quartz */ }
:root { --color-step-4: #5AF132; /* Lawn Green */ }
:root { --color-step-5: #2C1AEA; /* Blue */ }