Skip to content
Grabient palettes

Seamless analogous navy and teal linear gradient

Linear gradient, 7 colors at 90°: #000e33, #00415d, #008d95, #00b7a9, #008d95, #00415d, #000e33. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #000e33
  • #00415d
  • #008d95
  • #00b7a9
  • #008d95
  • #00415d
  • #000e33

CSS

background: linear-gradient(90deg in oklch, oklch(18.14% 0.0764 260.58) 0.0%, oklch(35.44% 0.0754 235.22) 16.7%, oklch(58.53% 0.0996 201.80) 33.3%, oklch(70.08% 0.1234 185.12) 50.0%, oklch(58.53% 0.0996 201.80) 66.7%, oklch(35.44% 0.0754 235.22) 83.3%, oklch(18.14% 0.0764 260.58) 100.0%);

In these collections

Ocean gradientsNavy and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works