Skip to content
Grabient palettes

Analogous navy to teal linear gradient

Analogous navy to teal palette with 5 colors. #1c3353, #1d4a6f, #1e7c8e, #19b4ac, #19dec9. Edit and export CSS, SVG, PNG or a shader.

5 colors, 5 editable OKLCH keyframes.

  • #1c3353
  • #1d4a6f
  • #1e7c8e
  • #19b4ac
  • #19dec9

CSS

background: linear-gradient(225deg in oklch, oklch(31.89% 0.0648 256.64) 0.0%, oklch(39.76% 0.0799 246.07) 25.0%, oklch(54.33% 0.0868 213.31) 50.0%, oklch(69.69% 0.1171 189.01) 75.0%, oklch(81.10% 0.1419 182.67) 100.0%);

In these collections

Linear gradientsTeal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works