Palette generator

Pick a base color and a harmony rule. Every change is written to the URL, so the address bar is always a shareable link to this exact palette.

Base color

Harmony

Swatches: 5

Analogous palette

Neighbouring hues that share a temperature. The safest harmony for calm, cohesive interfaces.

Electric Blue

#5BF7FF

Cornflower Blue

#5BA5FF

Medium Slate Blue

#635BFF

Dark Orchid

#B55BFF

Medium Orchid

#FF5BF7

:root {
  --palette-1: #5BF7FF;
  --palette-2: #5BA5FF;
  --palette-3: #635BFF;
  --palette-4: #B55BFF;
  --palette-5: #FF5BF7;
}

Blend any two colors from this palette into a shareable CSS gradient.