Skip to content
Grabient palettes

Duotone navy and teal linear swatches

Duotone navy and teal color palette

Linear swatches, 5 colors at 135°: #000527, #04114c, #1b4664, #317d7a, #4bb290. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

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

CSS

background: linear-gradient(135deg, oklch(14.22% 0.0721 263.06) 0.000% 20.000%, oklch(22.05% 0.1089 265.44) 20.000% 40.000%, oklch(37.80% 0.0703 243.24) 40.000% 60.000%, oklch(54.33% 0.0744 191.46) 60.000% 80.000%, oklch(69.29% 0.1089 168.21) 80.000% 100.000%);

In these collections

Ocean gradientsNavy and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works