# Golden Canopy Forest Descent This horizontal gradient moves through pale leaf green, golden ochre, olive, deep moss, and near-black forest green. The steady darkening creates a bright canopy area for dark marks and a shadowed end for pale type. Use it for woodland posters, botanical packaging, outdoor editorial covers, or wide backgrounds that connect sunlit leaves with forest-floor depth. - Also called: Analogous gray, olive and dark green linear gradient - Seed: `kY5iZb4TW788swO9JcFqqTCpiTwQ` - Page: https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light to dark, vivid - Hues: analogous - Contrast of its darkest and lightest colors: 13.8 to 1 ## Colors The name most people give each color, and the text color that reads on it with its contrast. | Stop | Hex | OKLCH | Name | Text on it | | --- | --- | --- | --- | --- | | 1 | `#d5e7c3` | `oklch(90.55% 0.0524 128.67)` | Green Vibes | black, 16 to 1 | | 2 | `#d1e3b5` | `oklch(89.07% 0.0636 124.67)` | Green Reflection | black, 15.3 to 1 | | 3 | `#cedca0` | `oklch(87.03% 0.0802 118.78)` | Lettuce Alone | black, 14.4 to 1 | | 4 | `#ced386` | `oklch(84.61% 0.0995 111.93)` | Green Gecko | black, 13.3 to 1 | | 5 | `#cfc869` | `oklch(81.98% 0.1187 105.11)` | Mung Bean | black, 12.1 to 1 | | 6 | `#d1bd4a` | `oklch(79.34% 0.1351 99.25)` | Sulphur Yellow | black, 11 to 1 | | 7 | `#d1b22b` | `oklch(76.84% 0.1461 95.33)` | Grass Daisy | black, 10 to 1 | | 8 | `#cca910` | `oklch(74.55% 0.1501 93.85)` | Catkin Yellow | black, 9.2 to 1 | | 9 | `#c4a200` | `oklch(72.26% 0.1482 94.09)` | La Vida | black, 8.5 to 1 | | 10 | `#ba9c00` | `oklch(69.98% 0.1438 95.56)` | Perennial | black, 7.8 to 1 | | 11 | `#ae970d` | `oklch(67.69% 0.1373 97.79)` | Banana Puree | black, 7.2 to 1 | | 12 | `#a39117` | `oklch(65.41% 0.1302 100.28)` | Romaine Green | black, 6.6 to 1 | | 13 | `#988c1b` | `oklch(63.12% 0.1243 102.56)` | Offbeat Green | black, 6 to 1 | | 14 | `#8f861a` | `oklch(60.83% 0.1205 104.33)` | Fickle Pickle | black, 5.5 to 1 | | 15 | `#858019` | `oklch(58.56% 0.1169 106.02)` | Olive | black, 5 to 1 | | 16 | `#7c7a17` | `oklch(56.28% 0.1133 107.79)` | Tool Green | black, 4.6 to 1 | | 17 | `#737415` | `oklch(54.00% 0.1100 109.71)` | Spinach Soup | white, 4.9 to 1 | | 18 | `#6a6e13` | `oklch(51.72% 0.1070 111.86)` | Brownish Green | white, 5.4 to 1 | | 19 | `#616811` | `oklch(49.42% 0.1045 114.33)` | Mud Green | white, 6 to 1 | | 20 | `#57620e` | `oklch(47.10% 0.1028 117.22)` | Kirchner Green | white, 6.6 to 1 | | 21 | `#4d5d09` | `oklch(44.76% 0.1025 120.80)` | Kyuri Green | white, 7.3 to 1 | | 22 | `#425706` | `oklch(42.40% 0.1031 124.85)` | Highlands Moss | white, 8 to 1 | | 23 | `#365204` | `oklch(40.04% 0.1039 129.08)` | Navy Green | white, 8.9 to 1 | | 24 | `#2a4c03` | `oklch(37.68% 0.1041 133.18)` | Treetop Cathedral | white, 9.8 to 1 | | 25 | `#1e4704` | `oklch(35.33% 0.1030 136.84)` | Dark Fern | white, 10.7 to 1 | | 26 | `#134105` | `oklch(32.99% 0.0997 139.76)` | Hunter Green | white, 11.8 to 1 | | 27 | `#0a3a06` | `oklch(30.48% 0.0936 142.09)` | Melancholia | white, 12.9 to 1 | | 28 | `#043207` | `oklch(27.83% 0.0853 144.01)` | Serpentine Shadow | white, 14.2 to 1 | | 29 | `#012b07` | `oklch(25.21% 0.0761 145.59)` | Zia Olive | white, 15.5 to 1 | | 30 | `#012407` | `oklch(22.80% 0.0669 146.87)` | Tides of Darkness | white, 16.6 to 1 | | 31 | `#011f07` | `oklch(20.77% 0.0591 147.91)` | Clock Chimes Thirteen | white, 17.5 to 1 | | 32 | `#001b06` | `oklch(19.29% 0.0537 148.75)` | Oil Slick | white, 18.1 to 1 | ## CSS ```css background: linear-gradient(90deg, #d5e7c3 0.0%, #d1e3b5 3.2%, #cedca0 6.5%, #ced386 9.7%, #cfc869 12.9%, #d1bd4a 16.1%, #d1b22b 19.4%, #cca910 22.6%, #c4a200 25.8%, #ba9c00 29.0%, #ae970d 32.3%, #a39117 35.5%, #988c1b 38.7%, #8f861a 41.9%, #858019 45.2%, #7c7a17 48.4%, #737415 51.6%, #6a6e13 54.8%, #616811 58.1%, #57620e 61.3%, #4d5d09 64.5%, #425706 67.7%, #365204 71.0%, #2a4c03 74.2%, #1e4704 77.4%, #134105 80.6%, #0a3a06 83.9%, #043207 87.1%, #012b07 90.3%, #012407 93.5%, #011f07 96.8%, #001b06 100.0%); 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%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.906 | 0.052 | 128.7 | | 2 | 0.764 | 0.147 | 94.9 | | 3 | 0.622 | 0.123 | 103.3 | | 4 | 0.48 | 0.103 | 116 | | 5 | 0.335 | 0.101 | 139.2 | | 6 | 0.193 | 0.054 | 148.8 | ## In these collections - [Forest gradients](https://grabient.com/forest-gradients) ## Other forms - [JSON](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.json?steps=32) - [PNG](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.png?steps=32) - [SVG](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.svg?steps=32) - [CSS](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.css?steps=32) - [ASE](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.ase?steps=32) - [GPL](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.gpl?steps=32) - [GRD](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.grd?steps=32) - [Design tokens](https://grabient.com/kY5iZb4TW788swO9JcFqqTCpiTwQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kY5iZb4TW788swO9JcFqqTCpiTwQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kY5iZb4TW788swO9JcFqqTCpiTwQ) - [Guide for agents](https://grabient.com/llms.txt)