Color palette generator

Harmonious five-color palettes using HSL color theory — lock swatches, copy values, and export to CSS or Tailwind.

Choose a harmony mode and regenerate; locked colors stay fixed.

Mode

#9BBC1C

#56B013

#CDB224

#25C71B

#A76122

Export

:root {
  --palette-1: #9BBC1C;
  --palette-2: #56B013;
  --palette-3: #CDB224;
  --palette-4: #25C71B;
  --palette-5: #A76122;
}