Skip to content
Grabient palettes

Blue, gray, lavender and navy linear gradient

Blue, gray, lavender and navy color palette

Linear gradient, 7 colors at 90°: #4b56a0, #757abf, #b0b2dc, #e0e0e7, #a19bce, #534982, #15122b. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #4b56a0
  • #757abf
  • #b0b2dc
  • #e0e0e7
  • #a19bce
  • #534982
  • #15122b

CSS

background: linear-gradient(90deg in oklch, oklch(48.03% 0.1199 274.92) 0.0%, oklch(60.47% 0.1045 279.89) 16.7%, oklch(77.59% 0.0603 283.61) 33.3%, oklch(90.94% 0.0096 285.49) 50.0%, oklch(71.32% 0.0745 289.72) 66.7%, oklch(44.23% 0.0922 289.60) 83.3%, oklch(20.08% 0.0496 285.49) 100.0%);

In these collections

Violet swatchesCool swatchesMonochromatic swatchesIndigo swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works