Skip to content
Grabient palettes

Analogous navy, teal and gray linear swatches

Analogous navy, teal and gray color palette

Linear swatches, 5 colors at 90°: #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(90deg, oklch(27.17% 0.0427 234.14) 0.000% 20.000%, oklch(44.49% 0.0703 195.04) 20.000% 40.000%, oklch(64.96% 0.1033 181.30) 40.000% 60.000%, oklch(78.35% 0.1089 177.08) 60.000% 80.000%, oklch(81.50% 0.0496 169.68) 80.000% 100.000%);

In these collections

Beach swatchesCalm swatchesCoastal swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works