Skip to content

Grabient palettes

Deep teal and emerald monochrome green palette

Analogous dark green to light blue color palette

The Deep teal and emerald monochrome green palette brings together green, light green, and pale green. Radial gradient, 32 colors: #133b2b, #19583c, #4f9a71, #97d7b2, #e7faef. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #133b2b
  • #133d2d
  • #13402e
  • #134330
  • #134631
  • #144a34
  • #154e36
  • #165339
  • #19583c
  • #1c5d40
  • #216344
  • #276a49
  • #2d7250
  • #357b57
  • #3d855f
  • #468f68
  • #4f9a71
  • #59a47b
  • #63ae84
  • #6db88e
  • #77c197
  • #81c99f
  • #8bd0a8
  • #97d7b2
  • #a3ddbb
  • #afe2c5
  • #bae8ce
  • #c5ecd6
  • #d0f1de
  • #d9f4e5
  • #e1f7eb
  • #e7faef

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0537 164.53) 0.0%, oklch(32.61% 0.0556 164.21) 3.2%, oklch(33.43% 0.0582 163.78) 6.5%, oklch(34.36% 0.0613 163.26) 9.7%, oklch(35.43% 0.0647 162.68) 12.9%, oklch(36.62% 0.0684 162.06) 16.1%, oklch(37.96% 0.0721 161.43) 19.4%, oklch(39.46% 0.0757 160.83) 22.6%, oklch(41.11% 0.0791 160.26) 25.8%, oklch(42.94% 0.0822 159.76) 29.0%, oklch(44.96% 0.0847 159.36) 32.3%, oklch(47.21% 0.0868 159.05) 35.5%, oklch(49.82% 0.0891 158.79) 38.7%, oklch(52.74% 0.0915 158.57) 41.9%, oklch(55.87% 0.0937 158.39) 45.2%, oklch(59.16% 0.0958 158.25) 48.4%, oklch(62.51% 0.0974 158.14) 51.6%, oklch(65.85% 0.0985 158.08) 54.8%, oklch(69.10% 0.0988 158.06) 58.1%, oklch(72.19% 0.0983 158.08) 61.3%, oklch(75.04% 0.0968 158.13) 64.5%, oklch(77.60% 0.0940 158.23) 67.7%, oklch(80.05% 0.0894 158.42) 71.0%, oklch(82.45% 0.0832 158.68) 74.2%, oklch(84.77% 0.0758 159.01) 77.4%, oklch(87.00% 0.0677 159.38) 80.6%, oklch(89.09% 0.0591 159.78) 83.9%, oklch(91.04% 0.0506 160.17) 87.1%, oklch(92.82% 0.0425 160.55) 90.3%, oklch(94.39% 0.0352 160.88) 93.5%, oklch(95.75% 0.0292 161.16) 96.8%, oklch(96.85% 0.0248 161.36) 100.0%);

In these collections

Monochrome green gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works