Color Palette Generator

Generate harmonious color palettes from any base color.

#64adf2

#648af2

#6467f2

#8564f2

#a864f2

#64adf2

hsl(209, 85%, 67%)

#648af2

hsl(224, 85%, 67%)

#6467f2

hsl(239, 85%, 67%)

#8564f2

hsl(254, 85%, 67%)

#a864f2

hsl(269, 85%, 67%)

CSS Variables

:root {
  --color-1: #64adf2;
  --color-2: #648af2;
  --color-3: #6467f2;
  --color-4: #8564f2;
  --color-5: #a864f2;
}