Skip to content
Grabient palettes

Navy, teal, green and brown linear swatches

Navy, teal, green and brown color palette

Linear swatches, 5 colors at 135°: #121e2f, #124c55, #2f7c69, #629061, #9d8243. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #121e2f
  • #124c55
  • #2f7c69
  • #629061
  • #9d8243

CSS

background: linear-gradient(135deg, oklch(23.23% 0.0372 258.75) 0.000% 20.000%, oklch(38.58% 0.0593 209.08) 20.000% 40.000%, oklch(53.15% 0.0813 174.21) 40.000% 60.000%, oklch(60.63% 0.0854 143.56) 60.000% 80.000%, oklch(61.81% 0.0882 86.50) 80.000% 100.000%);

In these collections

Teal swatchesSpring tide seagrass

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works