Skip to content

Grabient palettes

Neon analogous green and teal linear gradient

Linear gradient, 7 colors at 90°: #00d78b, #0ce29a, #27efb0, #35fabb, #3bffb1, #4cff99, #5aff83. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #00d78b
  • #0ce29a
  • #27efb0
  • #35fabb
  • #3bffb1
  • #4cff99
  • #5aff83

CSS

background: linear-gradient(90deg in oklch, oklch(77.56% 0.1787 158.90) 0.0%, oklch(80.56% 0.1769 161.41) 16.7%, oklch(84.70% 0.1726 164.62) 33.3%, oklch(87.80% 0.1736 165.25) 50.0%, oklch(88.79% 0.1854 160.71) 66.7%, oklch(88.73% 0.2010 153.58) 83.3%, oklch(88.58% 0.2150 148.34) 100.0%);

In these collections

Green gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works