Skip to content
Grabient palettes

Electric Iris

Vivid analogous blue to lavender color palette

The Pale lavender blue and purple palette brings together blue, light blue, and light purple. Linear gradient, 13 colors at 180°: #0300da, #3400ff, #7e7bff, #bec1ff, #e2b1fe. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #0300da
  • #0600f1
  • #1a0dff
  • #3400ff
  • #4a2ffe
  • #6656ff
  • #7e7bff
  • #969bfe
  • #aab3ff
  • #bec1ff
  • #cec6ff
  • #d8bfff
  • #e2b1fe

CSS

background: linear-gradient(180deg in oklch, oklch(40.17% 0.2775 264.38) 0.0%, oklch(43.36% 0.2991 264.49) 8.3%, oklch(46.10% 0.3068 266.30) 16.7%, oklch(46.63% 0.3034 270.83) 25.0%, oklch(50.44% 0.2788 275.57) 33.3%, oklch(57.26% 0.2398 279.87) 41.7%, oklch(65.01% 0.1912 280.75) 50.0%, oklch(72.62% 0.1430 280.12) 58.3%, oklch(78.78% 0.1079 278.39) 66.7%, oklch(83.04% 0.0862 281.65) 75.0%, oklch(85.21% 0.0788 291.07) 83.3%, oklch(84.78% 0.0913 302.56) 91.7%, oklch(83.07% 0.1171 312.99) 100.0%);

In these collections

LavenderBlue and purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works