Color Palette Generator

Generate color palettes with harmony modes. Press Space to shuffle. Lock colors you like.

RGB(146,36,168)

HSL(290,65%,40%)

RGB(64,150,69)

HSL(123,40%,42%)

RGB(186,101,59)

HSL(20,52%,48%)

RGB(155,201,54)

HSL(79,58%,50%)

RGB(47,177,95)

HSL(142,58%,44%)

Need to convert individual colors? Contrast Checker

Built by Kami

More from DesignKit

Build CSS Grid layouts visually with template controls.

Design CSS box shadows with visual controls.

Visualize and generate CSS border-radius values.

Generate glass and soft-UI effects with CSS output.

View all DesignKit →