Skip to content
Grabient palettes

Navy mauve pink horizon

Analogous navy, pink and lavender color palette

Linear gradient, 8 colors at 180°: #1c266d, #274174, #5f5c80, #a97693, #f28db0, #fda4d1, #ffb9f8, #decbff. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #1c266d
  • #274174
  • #5f5c80
  • #a97693
  • #f28db0
  • #fda4d1
  • #ffb9f8
  • #decbff

CSS

background: linear-gradient(180deg in oklch, oklch(31.10% 0.1226 270.70) 0.0%, oklch(38.19% 0.0923 262.25) 14.3%, oklch(49.21% 0.0565 287.61) 28.6%, oklch(62.60% 0.0758 344.68) 42.9%, oklch(75.98% 0.1281 358.41) 57.1%, oklch(81.89% 0.1185 347.85) 71.4%, oklch(87.01% 0.1137 329.88) 85.7%, oklch(87.40% 0.0736 301.35) 100.0%);

In these collections

Pink and blue gradientsDusk gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works