Skip to content
Grabient palettes

Analogous navy, teal and cyan linear gradient

Analogous navy, teal and cyan color palette

Linear gradient, 6 colors at 45°: #0c4467, #0d867b, #00c59c, #02eec2, #00f8ec, #49e1ff. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #0c4467
  • #0d867b
  • #00c59c
  • #02eec2
  • #00f8ec
  • #49e1ff

CSS

background: linear-gradient(45deg in oklch, oklch(37.01% 0.0813 242.58) 0.0%, oklch(55.91% 0.0965 184.46) 20.0%, oklch(73.23% 0.1439 170.71) 40.0%, oklch(84.65% 0.1626 172.83) 60.0%, oklch(88.19% 0.1530 188.68) 80.0%, oklch(84.25% 0.1303 214.04) 100.0%);

In these collections

Beach gradientsAurora swatchesCyan gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works