Gerador de Paleta de Cores

Gere harmonias e tons a partir de uma cor base — clique para copiar, ou exporte tudo.

Base + Complementar

Análogas

Triádicas

Escala de tons

Exportar paleta (12 cores)

CSS

:root {
  --color-1: #3b82f6;
  --color-2: #f6af3c;
  --color-3: #3ce0f6;
  --color-4: #523cf6;
  --color-5: #f63c83;
  --color-6: #83f63c;
  --color-7: #cee0fd;
  --color-8: #80aff9;
  --color-9: #327df5;
  --color-10: #0a54cd;
  --color-11: #06347f;
  --color-12: #021431;
}