Skip to content
Grabient palettes

Analogous navy, teal and light blue linear gradient

Analogous navy, teal and light blue color palette

Linear gradient, 5 colors at 180°: #0e2a39, #126060, #30a393, #5fcfb7, #a4cdbd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0e2a39
  • #126060
  • #30a393
  • #5fcfb7
  • #a4cdbd

CSS

background: linear-gradient(180deg in oklch, oklch(27.17% 0.0427 234.14) 0.0%, oklch(44.49% 0.0703 195.04) 25.0%, oklch(64.96% 0.1033 181.30) 50.0%, oklch(78.35% 0.1089 177.08) 75.0%, oklch(81.50% 0.0496 169.68) 100.0%);

In these collections

Beach swatchesCalm swatchesCoastal swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works