Skip to content
Grabient palettes

Analogous teal, dark green and green linear swatches

Analogous teal, dark green and green color palette

Linear swatches, 5 colors at 90°: #40a699, #196769, #225146, #527845, #7ebe66. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #40a699
  • #196769
  • #225146
  • #527845
  • #7ebe66

CSS

background: linear-gradient(90deg, oklch(66.14% 0.0951 184.22) 0.000% 20.000%, oklch(46.85% 0.0717 197.96) 20.000% 40.000%, oklch(39.76% 0.0551 175.76) 40.000% 60.000%, oklch(53.15% 0.0882 137.72) 60.000% 80.000%, oklch(73.62% 0.1364 137.72) 80.000% 100.000%);

In these collections

Blue and green swatchesEmerald color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works