Color Palette Generator

Generate harmonious color palettes from any base color.

Base color

Palette type

Generated palette — click to copy

#64ADF2Copy

#6366F1Copy

#A864F2Copy

#EF64F2Copy

CSS variables

:root {
  --color-1: #64adf2;
  --color-2: #6366f1;
  --color-3: #a864f2;
  --color-4: #ef64f2;
}