Skip to content
Grabient palettes

Analogous navy, teal and light blue linear swatches

Analogous navy, teal and light blue color palette

Linear swatches, 6 colors at 90°: #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(90deg, oklch(37.01% 0.0813 242.58) 0.000% 16.667%, oklch(55.91% 0.0965 184.46) 16.667% 33.333%, oklch(73.23% 0.1439 170.71) 33.333% 50.000%, oklch(84.65% 0.1626 172.83) 50.000% 66.667%, oklch(88.19% 0.1530 188.68) 66.667% 83.333%, oklch(84.25% 0.1303 214.04) 83.333% 100.000%);

In these collections

Beach gradientsAurora swatchesCyan gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works