Skip to content
Grabient palettes

Analogous navy, blue and purple linear swatches

Analogous navy, blue and purple color palette

Linear swatches, 7 colors at 90°: #11264c, #022f66, #03619c, #0d89d0, #2480e6, #414ecf, #6d299f. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #11264c
  • #022f66
  • #03619c
  • #0d89d0
  • #2480e6
  • #414ecf
  • #6d299f

CSS

background: linear-gradient(90deg, oklch(27.56% 0.0744 260.86) 0.000% 14.286%, oklch(31.50% 0.1075 256.63) 14.286% 28.571%, oklch(47.64% 0.1213 246.06) 28.571% 42.857%, oklch(60.63% 0.1433 242.89) 42.857% 57.143%, oklch(60.24% 0.1750 254.52) 57.143% 71.429%, oklch(49.61% 0.1970 272.48) 71.429% 85.714%, oklch(44.09% 0.1819 306.30) 85.714% 100.000%);

In these collections

Galaxy gradientsBlue and purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works