# Golden moss and slate woodland glow

A golden-yellow center moves through ochre and moss green into dark charcoal, then opens through slate blue and gray-teal toward a pale sage outer edge. This fifty-six-stop radial gradient sets warm inner light against a cool surrounding passage. The muted green and blue colors give the fauna-inspired palette a quiet woodland mood around its bright core.

- Also called: Analogous yellow, tan, green and gray linear gradient
- Seed: `kW02VEWCzACcBy9DEcNbQg2o`
- Page: https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.7 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 | `#e3c750` | `oklch(83.07% 0.1392 95.62)` | Golden Yarrow | black, 12.5 to 1 |
| 2 | `#e2c54f` | `oklch(82.56% 0.1387 95.43)` | Chicco d’Oro | black, 12.2 to 1 |
| 3 | `#e1c34d` | `oklch(82.02% 0.1386 94.82)` | Indian Maize | black, 12 to 1 |
| 4 | `#e0c04a` | `oklch(81.44% 0.1386 93.94)` | Indian Maize | black, 11.8 to 1 |
| 5 | `#dfbd48` | `oklch(80.81% 0.1386 92.87)` | Buried Gold | black, 11.5 to 1 |
| 6 | `#debb45` | `oklch(80.12% 0.1387 91.75)` | Credo | black, 11.2 to 1 |
| 7 | `#ddb742` | `oklch(79.34% 0.1386 90.68)` | Woven Gold | black, 10.9 to 1 |
| 8 | `#dbb43f` | `oklch(78.48% 0.1383 89.78)` | Citronite | black, 10.6 to 1 |
| 9 | `#d9b13c` | `oklch(77.51% 0.1376 89.16)` | Citronite | black, 10.2 to 1 |
| 10 | `#d5ad39` | `oklch(76.43% 0.1365 88.92)` | Ceylon Yellow | black, 9.8 to 1 |
| 11 | `#d1aa37` | `oklch(75.21% 0.1349 89.20)` | Brassy | black, 9.4 to 1 |
| 12 | `#cba635` | `oklch(73.86% 0.1327 90.10)` | Aru Ressha | black, 9 to 1 |
| 13 | `#c3a234` | `oklch(72.34% 0.1298 91.73)` | Mustard Seed | black, 8.5 to 1 |
| 14 | `#ba9f34` | `oklch(70.67% 0.1260 94.20)` | Pollen Storm | black, 8 to 1 |
| 15 | `#af9b35` | `oklch(68.80% 0.1214 97.65)` | Golden Olive | black, 7.5 to 1 |
| 16 | `#a29638` | `oklch(66.49% 0.1151 102.35)` | Shimmering Glade | black, 6.9 to 1 |
| 17 | `#91903b` | `oklch(63.72% 0.1073 108.23)` | Bean Shoot | black, 6.2 to 1 |
| 18 | `#80893f` | `oklch(60.59% 0.0982 115.10)` | Sea Turtle | black, 5.5 to 1 |
| 19 | `#6e8043` | `oklch(57.19% 0.0882 122.76)` | Rockwall Vine | black, 4.8 to 1 |
| 20 | `#5e7746` | `oklch(53.64% 0.0775 131.00)` | Jolly Green | white, 5 to 1 |
| 21 | `#4f6d48` | `oklch(50.01% 0.0665 139.65)` | Graceland Grass | white, 5.8 to 1 |
| 22 | `#436248` | `oklch(46.42% 0.0555 148.49)` | Vizcaya Palm | white, 6.8 to 1 |
| 23 | `#3b5746` | `oklch(42.97% 0.0447 157.32)` | Shadow Leaf | white, 7.9 to 1 |
| 24 | `#354d43` | `oklch(39.74% 0.0345 165.96)` | Pine Needle | white, 9.1 to 1 |
| 25 | `#32443e` | `oklch(36.84% 0.0253 174.20)` | Bracken Fern | white, 10.3 to 1 |
| 26 | `#2f3c39` | `oklch(34.37% 0.0172 181.85)` | Rookwood Shutter Green | white, 11.4 to 1 |
| 27 | `#2e3635` | `oklch(32.42% 0.0106 188.71)` | Jet Set | white, 12.4 to 1 |
| 28 | `#2d3131` | `oklch(31.10% 0.0058 194.57)` | Cod Grey | white, 13 to 1 |
| 29 | `#2d2f30` | `oklch(30.48% 0.0030 199.39)` | Coated | white, 13.3 to 1 |
| 30 | `#2e2f2f` | `oklch(30.43% 0.0023 203.86)` | Coated | white, 13.4 to 1 |
| 31 | `#2e3031` | `oklch(30.88% 0.0032 208.08)` | Cod Grey | white, 13.2 to 1 |
| 32 | `#2f3334` | `oklch(31.77% 0.0056 212.00)` | Phantom Ship | white, 12.7 to 1 |
| 33 | `#303738` | `oklch(33.04% 0.0091 215.58)` | Nocturnal Green | white, 12.1 to 1 |
| 34 | `#323b3e` | `oklch(34.63% 0.0134 218.78)` | Tempest in a Teapot | white, 11.4 to 1 |
| 35 | `#344145` | `oklch(36.50% 0.0184 221.57)` | Big Stone | white, 10.5 to 1 |
| 36 | `#36474d` | `oklch(38.57% 0.0238 223.90)` | Gale Force | white, 9.7 to 1 |
| 37 | `#394d56` | `oklch(40.80% 0.0292 225.74)` | Iron Head | white, 8.8 to 1 |
| 38 | `#3c545f` | `oklch(43.13% 0.0344 227.03)` | Slate Wall | white, 7.9 to 1 |
| 39 | `#3f5b68` | `oklch(45.49% 0.0392 227.75)` | Blue Spell | white, 7.1 to 1 |
| 40 | `#436270` | `oklch(47.84% 0.0432 227.85)` | Bunglehouse Blue | white, 6.4 to 1 |
| 41 | `#476978` | `oklch(50.11% 0.0462 227.29)` | Planet Green | white, 5.8 to 1 |
| 42 | `#4b707f` | `oklch(52.25% 0.0480 226.03)` | Winter Storm | white, 5.3 to 1 |
| 43 | `#507685` | `oklch(54.34% 0.0485 223.83)` | San Miguel Blue | white, 4.9 to 1 |
| 44 | `#567d8a` | `oklch(56.66% 0.0481 220.27)` | St. Bart’s | black, 4.7 to 1 |
| 45 | `#5d8590` | `oklch(59.19% 0.0471 215.55)` | Blue Moon Bay | black, 5.2 to 1 |
| 46 | `#668e95` | `oklch(61.87% 0.0454 209.86)` | Oarsman Blue | black, 5.8 to 1 |
| 47 | `#6f969a` | `oklch(64.66% 0.0434 203.44)` | Baltic Blue | black, 6.5 to 1 |
| 48 | `#7a9f9f` | `oklch(67.49% 0.0409 196.48)` | Tower Bridge | black, 7.2 to 1 |
| 49 | `#85a7a4` | `oklch(70.32% 0.0382 189.21)` | Acapulco Aqua | black, 8 to 1 |
| 50 | `#90b0a9` | `oklch(73.10% 0.0354 181.84)` | Delicate Green | black, 8.9 to 1 |
| 51 | `#9cb8af` | `oklch(75.77% 0.0326 174.57)` | Tropical Bay | black, 9.8 to 1 |
| 52 | `#a7bfb4` | `oklch(78.29% 0.0299 167.64)` | Folk Tales | black, 10.7 to 1 |
| 53 | `#b1c5ba` | `oklch(80.61% 0.0273 161.24)` | Aquamarine Dream | black, 11.6 to 1 |
| 54 | `#bacbbf` | `oklch(82.67% 0.0251 155.59)` | Tropical Cyclone | black, 12.4 to 1 |
| 55 | `#c2d0c4` | `oklch(84.43% 0.0233 150.91)` | Frosted Jade | black, 13.1 to 1 |
| 56 | `#c7d5c8` | `oklch(85.83% 0.0220 147.41)` | Slow Green | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e3c750 0.0%, #e2c54f 1.8%, #e1c34d 3.6%, #e0c04a 5.5%, #dfbd48 7.3%, #debb45 9.1%, #ddb742 10.9%, #dbb43f 12.7%, #d9b13c 14.5%, #d5ad39 16.4%, #d1aa37 18.2%, #cba635 20.0%, #c3a234 21.8%, #ba9f34 23.6%, #af9b35 25.5%, #a29638 27.3%, #91903b 29.1%, #80893f 30.9%, #6e8043 32.7%, #5e7746 34.5%, #4f6d48 36.4%, #436248 38.2%, #3b5746 40.0%, #354d43 41.8%, #32443e 43.6%, #2f3c39 45.5%, #2e3635 47.3%, #2d3131 49.1%, #2d2f30 50.9%, #2e2f2f 52.7%, #2e3031 54.5%, #2f3334 56.4%, #303738 58.2%, #323b3e 60.0%, #344145 61.8%, #36474d 63.6%, #394d56 65.5%, #3c545f 67.3%, #3f5b68 69.1%, #436270 70.9%, #476978 72.7%, #4b707f 74.5%, #507685 76.4%, #567d8a 78.2%, #5d8590 80.0%, #668e95 81.8%, #6f969a 83.6%, #7a9f9f 85.5%, #85a7a4 87.3%, #90b0a9 89.1%, #9cb8af 90.9%, #a7bfb4 92.7%, #b1c5ba 94.5%, #bacbbf 96.4%, #c2d0c4 98.2%, #c7d5c8 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.07% 0.1392 95.62) 0.0%, oklch(82.56% 0.1387 95.43) 1.8%, oklch(82.02% 0.1386 94.82) 3.6%, oklch(81.44% 0.1386 93.94) 5.5%, oklch(80.81% 0.1386 92.87) 7.3%, oklch(80.12% 0.1387 91.75) 9.1%, oklch(79.34% 0.1386 90.68) 10.9%, oklch(78.48% 0.1383 89.78) 12.7%, oklch(77.51% 0.1376 89.16) 14.5%, oklch(76.43% 0.1365 88.92) 16.4%, oklch(75.21% 0.1349 89.20) 18.2%, oklch(73.86% 0.1327 90.10) 20.0%, oklch(72.34% 0.1298 91.73) 21.8%, oklch(70.67% 0.1260 94.20) 23.6%, oklch(68.80% 0.1214 97.65) 25.5%, oklch(66.49% 0.1151 102.35) 27.3%, oklch(63.72% 0.1073 108.23) 29.1%, oklch(60.59% 0.0982 115.10) 30.9%, oklch(57.19% 0.0882 122.76) 32.7%, oklch(53.64% 0.0775 131.00) 34.5%, oklch(50.01% 0.0665 139.65) 36.4%, oklch(46.42% 0.0555 148.49) 38.2%, oklch(42.97% 0.0447 157.32) 40.0%, oklch(39.74% 0.0345 165.96) 41.8%, oklch(36.84% 0.0253 174.20) 43.6%, oklch(34.37% 0.0172 181.85) 45.5%, oklch(32.42% 0.0106 188.71) 47.3%, oklch(31.10% 0.0058 194.57) 49.1%, oklch(30.48% 0.0030 199.39) 50.9%, oklch(30.43% 0.0023 203.86) 52.7%, oklch(30.88% 0.0032 208.08) 54.5%, oklch(31.77% 0.0056 212.00) 56.4%, oklch(33.04% 0.0091 215.58) 58.2%, oklch(34.63% 0.0134 218.78) 60.0%, oklch(36.50% 0.0184 221.57) 61.8%, oklch(38.57% 0.0238 223.90) 63.6%, oklch(40.80% 0.0292 225.74) 65.5%, oklch(43.13% 0.0344 227.03) 67.3%, oklch(45.49% 0.0392 227.75) 69.1%, oklch(47.84% 0.0432 227.85) 70.9%, oklch(50.11% 0.0462 227.29) 72.7%, oklch(52.25% 0.0480 226.03) 74.5%, oklch(54.34% 0.0485 223.83) 76.4%, oklch(56.66% 0.0481 220.27) 78.2%, oklch(59.19% 0.0471 215.55) 80.0%, oklch(61.87% 0.0454 209.86) 81.8%, oklch(64.66% 0.0434 203.44) 83.6%, oklch(67.49% 0.0409 196.48) 85.5%, oklch(70.32% 0.0382 189.21) 87.3%, oklch(73.10% 0.0354 181.84) 89.1%, oklch(75.77% 0.0326 174.57) 90.9%, oklch(78.29% 0.0299 167.64) 92.7%, oklch(80.61% 0.0273 161.24) 94.5%, oklch(82.67% 0.0251 155.59) 96.4%, oklch(84.43% 0.0233 150.91) 98.2%, oklch(85.83% 0.0220 147.41) 100.0%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.139 | 95.6 |
| 2 | 0.693 | 0.123 | 96.7 |
| 3 | 0.307 | 0.004 | 197.1 |
| 4 | 0.528 | 0.048 | 225.6 |
| 5 | 0.858 | 0.022 | 147.4 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

- [JSON](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.json?steps=56&angle=135)
- [PNG](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.png?steps=56&angle=135)
- [SVG](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.svg?steps=56&angle=135)
- [CSS](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.css?steps=56&angle=135)
- [ASE](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.ase?steps=56&angle=135)
- [GPL](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.gpl?steps=56&angle=135)
- [GRD](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.grd?steps=56&angle=135)
- [Design tokens](https://grabient.com/kW02VEWCzACcBy9DEcNbQg2o.tokens.json?steps=56&angle=135)
- [Social card](https://grabient.com/api/og?seed=kW02VEWCzACcBy9DEcNbQg2o&steps=56&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kW02VEWCzACcBy9DEcNbQg2o)
- [Guide for agents](https://grabient.com/llms.txt)