Skip to content
Grabient palettes

Teal, light blue, gray and navy linear gradient

Teal, light blue, gray and navy color palette

Linear gradient, 7 colors at 90°: #2ea095, #7ac0b8, #c9e8e5, #e4eeee, #9fafb4, #3c5368, #081433. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #2ea095
  • #7ac0b8
  • #c9e8e5
  • #e4eeee
  • #9fafb4
  • #3c5368
  • #081433

CSS

background: linear-gradient(90deg in oklch, oklch(64.17% 0.1006 184.92) 0.0%, oklch(75.78% 0.0716 186.88) 16.7%, oklch(90.71% 0.0325 190.48) 33.3%, oklch(94.09% 0.0096 199.72) 50.0%, oklch(74.38% 0.0192 220.23) 66.7%, oklch(43.12% 0.0451 246.37) 83.3%, oklch(20.08% 0.0648 265.23) 100.0%);

In these collections

Ice gradientsNavy and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works