Skip to content
Grabient palettes

Blue, lavender and pink linear swatches

Blue, lavender and pink color palette

Linear swatches, 7 colors at 180°: #658acc, #6cb1cb, #a4caeb, #dcd2ff, #ffc5f0, #fba5d1, #d07cc6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #658acc
  • #6cb1cb
  • #a4caeb
  • #dcd2ff
  • #ffc5f0
  • #fba5d1
  • #d07cc6

CSS

background: linear-gradient(180deg, oklch(63.39% 0.1089 261.56) 0.000% 14.286%, oklch(72.44% 0.0794 223.79) 14.286% 28.571%, oklch(82.25% 0.0619 245.20) 28.571% 42.857%, oklch(88.66% 0.0617 294.92) 42.857% 57.143%, oklch(88.84% 0.0846 336.19) 57.143% 71.429%, oklch(81.86% 0.1143 347.59) 71.429% 85.714%, oklch(70.08% 0.1406 331.31) 85.714% 100.000%);

In these collections

Cape daisy sea breezePink and blue gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works