Color palette generator

BrowserSubscription

Base color

Harmony

Click a swatch to copy its HEX code.

CSS variables

:root {
  --color-analogous-1: #0079a5;
  --color-analogous-2: #145bfb;
  --color-analogous-3: #7c3aed;
  --color-analogous-4: #ad13bf;
  --color-analogous-5: #c6007a;
}

JSON

["#0079a5","#145bfb","#7c3aed","#ad13bf","#c6007a"]

Related tools

Related tools

CSS gradient generator

HEX / RGB / HSL converter

CSS shadow & glass generator

Persian font previewer