Skip to content

Grabient palettes

Rainforest Mint Center Glow

Light blue, teal, dark green and black color palette

From the center outward, this gradient moves through pale mint, fresh sea green, leafy emerald, deep forest green, and near-black green. Radial gradient, 32 colors: #a0f9de, #60c4a5, #178160, #0e462b, #051608. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #a0f9de
  • #9bf4d9
  • #95efd4
  • #8ee9cd
  • #86e3c6
  • #7edcbf
  • #74d4b6
  • #6accae
  • #60c4a5
  • #56bb9c
  • #4cb393
  • #42aa8a
  • #38a281
  • #2e9978
  • #259170
  • #1d8968
  • #178160
  • #137959
  • #107151
  • #0e6849
  • #0e5f41
  • #0e5739
  • #0e4e32
  • #0e462b
  • #0d3e25
  • #0c361f
  • #0b2f1a
  • #0a2915
  • #092311
  • #071e0d
  • #061a0b
  • #051608

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.0937 172.97) 0.0%, oklch(90.40% 0.0943 172.76) 3.2%, oklch(88.80% 0.0953 172.55) 6.5%, oklch(86.96% 0.0965 172.32) 9.7%, oklch(84.89% 0.0980 172.07) 12.9%, oklch(82.65% 0.0996 171.80) 16.1%, oklch(80.24% 0.1013 171.51) 19.4%, oklch(77.71% 0.1030 171.19) 22.6%, oklch(75.07% 0.1046 170.83) 25.8%, oklch(72.37% 0.1060 170.43) 29.0%, oklch(69.63% 0.1072 169.99) 32.3%, oklch(66.87% 0.1081 169.51) 35.5%, oklch(64.14% 0.1086 168.97) 38.7%, oklch(61.45% 0.1086 168.38) 41.9%, oklch(58.83% 0.1081 167.73) 45.2%, oklch(56.32% 0.1069 167.01) 48.4%, oklch(53.91% 0.1051 166.22) 51.6%, oklch(51.40% 0.1024 165.27) 54.8%, oklch(48.77% 0.0989 164.19) 58.1%, oklch(46.06% 0.0947 163.00) 61.3%, oklch(43.30% 0.0900 161.73) 64.5%, oklch(40.51% 0.0849 160.38) 67.7%, oklch(37.74% 0.0794 159.00) 71.0%, oklch(35.00% 0.0738 157.60) 74.2%, oklch(32.33% 0.0682 156.21) 77.4%, oklch(29.76% 0.0626 154.85) 80.6%, oklch(27.32% 0.0572 153.54) 83.9%, oklch(25.04% 0.0521 152.31) 87.1%, oklch(22.95% 0.0474 151.19) 90.3%, oklch(21.08% 0.0433 150.19) 93.5%, oklch(19.45% 0.0399 149.34) 96.8%, oklch(18.11% 0.0372 148.66) 100.0%);

In these collections

Forest gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works