Skip to content
Grabient palettes

Analogous navy, teal and gray linear swatches

Analogous navy, teal and gray color palette

Linear swatches, 6 colors at 180°: #0e2a39, #0e5358, #21897f, #40b9a4, #6fd2ba, #a4cdbd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0e2a39
  • #0e5358
  • #21897f
  • #40b9a4
  • #6fd2ba
  • #a4cdbd

CSS

background: linear-gradient(180deg, oklch(27.17% 0.0427 234.14) 0.000% 16.667%, oklch(40.54% 0.0640 201.86) 16.667% 33.333%, oklch(57.13% 0.0918 184.90) 33.333% 50.000%, oklch(71.32% 0.1106 179.08) 50.000% 66.667%, oklch(79.68% 0.1002 175.68) 66.667% 83.333%, oklch(81.50% 0.0496 169.68) 83.333% 100.000%);

In these collections

Beach swatchesCalm swatchesCoastal swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works