Skip to content
Grabient palettes

Analogous gray, light blue and purple linear gradient

Analogous gray, light blue and purple color palette

Linear gradient, 7 colors at 90°: #eef2ff, #cfd3f3, #aeaae0, #9185cd, #7464b6, #574797, #42347e. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #eef2ff
  • #cfd3f3
  • #aeaae0
  • #9185cd
  • #7464b6
  • #574797
  • #42347e

CSS

background: linear-gradient(90deg in oklch, oklch(96.06% 0.0179 272.11) 0.0%, oklch(87.30% 0.0445 279.84) 16.7%, oklch(75.98% 0.0772 287.96) 33.3%, oklch(65.58% 0.1052 290.73) 50.0%, oklch(55.51% 0.1254 291.13) 66.7%, oklch(45.57% 0.1263 289.74) 83.3%, oklch(38.19% 0.1213 287.96) 100.0%);

In these collections

Radial gradientsCool gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works