Skip to content
Grabient palettes

Navy and teal color palette

The Navy and teal color palette brings together dark blue, blue, teal, and green. #000527, #1b4664, #4bb290. Edit and export CSS, SVG, PNG or a shader.

5 colors, 5 editable OKLCH keyframes.

  • #000527
  • #04114c
  • #1b4664
  • #317d7a
  • #4bb290

CSS

background: linear-gradient(135deg in oklch, oklch(14.22% 0.0721 263.06) 0.0%, oklch(22.05% 0.1089 265.44) 25.0%, oklch(37.80% 0.0703 243.24) 50.0%, oklch(54.33% 0.0744 191.46) 75.0%, oklch(69.29% 0.1089 168.21) 100.0%);

In these collections

Ocean gradientsNavy and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works