Golden Canopy Forest Descent

Analogous gray, olive and dark green color palette

This horizontal gradient moves through pale leaf green, golden ochre, olive, deep moss, and near-black forest green. Linear gradient, 32 colors at 90°: #d5e7c3, #c4a200, #737415, #2a4c03, #001b06. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#d5e7c3
#d1e3b5
#cedca0
#ced386
#cfc869
#d1bd4a
#d1b22b
#cca910
#c4a200
#ba9c00
#ae970d
#a39117
#988c1b
#8f861a
#858019
#7c7a17
#737415
#6a6e13
#616811
#57620e
#4d5d09
#425706
#365204
#2a4c03
#1e4704
#134105
#0a3a06
#043207
#012b07
#012407
#011f07
#001b06

CSS

background: linear-gradient(90deg in oklch, oklch(90.55% 0.0524 128.67) 0.0%, oklch(89.07% 0.0636 124.67) 3.2%, oklch(87.03% 0.0802 118.78) 6.5%, oklch(84.61% 0.0995 111.93) 9.7%, oklch(81.98% 0.1187 105.11) 12.9%, oklch(79.34% 0.1351 99.25) 16.1%, oklch(76.84% 0.1461 95.33) 19.4%, oklch(74.55% 0.1501 93.85) 22.6%, oklch(72.26% 0.1482 94.09) 25.8%, oklch(69.98% 0.1438 95.56) 29.0%, oklch(67.69% 0.1373 97.79) 32.3%, oklch(65.41% 0.1302 100.28) 35.5%, oklch(63.12% 0.1243 102.56) 38.7%, oklch(60.83% 0.1205 104.33) 41.9%, oklch(58.56% 0.1169 106.02) 45.2%, oklch(56.28% 0.1133 107.79) 48.4%, oklch(54.00% 0.1100 109.71) 51.6%, oklch(51.72% 0.1070 111.86) 54.8%, oklch(49.42% 0.1045 114.33) 58.1%, oklch(47.10% 0.1028 117.22) 61.3%, oklch(44.76% 0.1025 120.80) 64.5%, oklch(42.40% 0.1031 124.85) 67.7%, oklch(40.04% 0.1039 129.08) 71.0%, oklch(37.68% 0.1041 133.18) 74.2%, oklch(35.33% 0.1030 136.84) 77.4%, oklch(32.99% 0.0997 139.76) 80.6%, oklch(30.48% 0.0936 142.09) 83.9%, oklch(27.83% 0.0853 144.01) 87.1%, oklch(25.21% 0.0761 145.59) 90.3%, oklch(22.80% 0.0669 146.87) 93.5%, oklch(20.77% 0.0591 147.91) 96.8%, oklch(19.29% 0.0537 148.75) 100.0%);

In these collections

Forest gradients