Color Palette Generator

5-Stop Harmonizer

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

Explore

#8358EE

Amethyst Violet

rgb(131, 88, 238)

Explore

#EFAA4E

Sandy Brown

rgb(239, 170, 78)

Explore

#63E9D7

Turquoise

rgb(99, 233, 215)

Explore

#D822BB

Medium Violet Red

rgb(216, 34, 187)

Explore

#94F221

Green Yellow

rgb(148, 242, 33)

CSS Custom Properties (Variables)

:root { --color-step-1: #8358EE; /* Amethyst Violet */ }
:root { --color-step-2: #EFAA4E; /* Sandy Brown */ }
:root { --color-step-3: #63E9D7; /* Turquoise */ }
:root { --color-step-4: #D822BB; /* Medium Violet Red */ }
:root { --color-step-5: #94F221; /* Green Yellow */ }