Skip to content

Grabient palettes

Analogous navy to cyan linear gradient

Analogous navy to cyan color palette

Linear gradient, 7 colors at 90°: #071837, #0b2954, #074c79, #0e7f9e, #12c3d6, #33eced, #4ff3e8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #071837
  • #0b2954
  • #074c79
  • #0e7f9e
  • #12c3d6
  • #33eced
  • #4ff3e8

CSS

background: linear-gradient(90deg in oklch, oklch(21.65% 0.0648 260.16) 0.0%, oklch(28.64% 0.0857 257.96) 16.7%, oklch(40.19% 0.0976 245.09) 33.3%, oklch(55.51% 0.1006 223.17) 50.0%, oklch(74.74% 0.1262 207.36) 66.7%, oklch(85.90% 0.1383 195.58) 83.3%, oklch(87.80% 0.1337 188.30) 100.0%);

In these collections

Conic gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works