Color Palette Generator

Generate palettes, gradients, and CSS variables instantly.

Base Color:

#E7F0FE

rgb(231,240,254)

hsl(217,92%,95%)

#9EC1FA

rgb(158,193,250)

hsl(217,90%,80%)

#5593F7

rgb(85,147,247)

hsl(217,91%,65%)

#0B64F4

rgb(11,100,244)

hsl(217,91%,50%)

#0846AA

rgb(8,70,170)

hsl(217,91%,35%)

#052861

rgb(5,40,97)

hsl(217,90%,20%)

#021431

rgb(2,20,49)

hsl(217,92%,10%)

CSS Variables

:root {
  --color-1: #e7f0fe;
  --color-2: #9ec1fa;
  --color-3: #5593f7;
  --color-4: #0b64f4;
  --color-5: #0846aa;
  --color-6: #052861;
  --color-7: #021431;
}