Color palette generator

Press space to generate. Lock the colours you like, edit any hex, then export or share.

Eggshell

Light Sage

Sage

Apricot

Mocha

Export

:root {
  --eggshell: #f4eedd;
  --light-sage: #cfd8b6;
  --sage: #a3b18a;
  --apricot: #e6b8a2;
  --mocha: #8a6c55;
}

How the generator works

Analogous palettes use neighbouring hues for a calm, cohesive look. Monochrome steps one hue from light to dark — ideal for UI. Complementary pairs opposite hues for contrast, triadic spaces three hues evenly, and pastel keeps everything light and soft.

Every palette gets a shareable link, so you can send it to a client or save it for later.