Skip to content
Grabient palettes

Blue color palette

This palette moves from light blue to blue. #c5c1f4, #b6b1ff, #a19af8, #8a82d7, #7067b2, #564ba5. Edit and export CSS, SVG, PNG or a shader.

6 colors, 5 editable OKLCH keyframes.

  • #c5c1f4
  • #b6b1ff
  • #a19af8
  • #8a82d7
  • #7067b2
  • #564ba5

CSS

background: linear-gradient(315deg in oklch, oklch(83.07% 0.0717 288.28) 0.0%, oklch(79.28% 0.1100 286.49) 20.0%, oklch(73.12% 0.1336 285.91) 40.0%, oklch(64.89% 0.1248 287.11) 60.0%, oklch(55.53% 0.1144 287.93) 80.0%, oklch(47.24% 0.1392 285.11) 100.0%);

In these collections

Hero section gradientsDesktop wallpaper gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works