Skip to content
Grabient palettes

Navy, teal and gray linear gradient

Navy, teal and gray color palette

Linear gradient, 7 colors at 90°: #0b152b, #0b223f, #173250, #2a465a, #686e55, #626a58, #363d49. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #0b152b
  • #0b223f
  • #173250
  • #2a465a
  • #686e55
  • #626a58
  • #363d49

CSS

background: linear-gradient(90deg in oklch, oklch(20.08% 0.0469 264.37) 0.0%, oklch(25.17% 0.0628 255.41) 16.7%, oklch(31.22% 0.0638 252.52) 33.3%, oklch(38.19% 0.0482 241.13) 50.0%, oklch(52.51% 0.0387 119.29) 66.7%, oklch(51.27% 0.0298 127.08) 83.3%, oklch(35.83% 0.0220 261.20) 100.0%);

In these collections

Blue swatchesNavy

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works