# Straw Evergreen Forest Floor

This diagonal gradient moves from pale straw through warm tan, bark brown, olive, and deep evergreen before ending near black green. The continuous light-to-shadow route resembles sunlight crossing dry grasses into dense woodland. Use it for forest conservation graphics, rustic packaging, landscape presentations, or editorial backgrounds that need a natural warm opening and a strong green anchor.

- Also called: Tan, dark green and black linear gradient
- Seed: `kU1DxEvJW8C8Xy8cDMTA`
- Page: https://grabient.com/kU1DxEvJW8C8Xy8cDMTA?steps=32&angle=210
- Drawn as: linear gradient, 32 steps, 210 degrees
- Kinds: light to dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.3 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 | `#d8c98b` | `oklch(83.46% 0.0827 96.33)` | Asparagus Yellow | black, 12.6 to 1 |
| 2 | `#d3c285` | `oklch(81.31% 0.0812 93.89)` | Winter Hazel | black, 11.7 to 1 |
| 3 | `#ccb77d` | `oklch(78.40% 0.0792 90.04)` | Yuma | black, 10.6 to 1 |
| 4 | `#c4ab75` | `oklch(74.93% 0.0767 85.23)` | Taiwan Gold | black, 9.3 to 1 |
| 5 | `#ba9d6c` | `oklch(71.04% 0.0740 79.91)` | Gould Gold | black, 8.1 to 1 |
| 6 | `#af8f63` | `oklch(66.92% 0.0711 74.54)` | Wet Sand | black, 6.9 to 1 |
| 7 | `#a3815a` | `oklch(62.71% 0.0682 69.57)` | Rookwood Antique Gold | black, 5.8 to 1 |
| 8 | `#977452` | `oklch(58.59% 0.0655 65.44)` | Liver Chestnut | black, 4.9 to 1 |
| 9 | `#8b694a` | `oklch(54.73% 0.0630 62.60)` | Texas Boots | white, 4.9 to 1 |
| 10 | `#815f42` | `oklch(51.29% 0.0610 61.52)` | Village Lane | white, 5.7 to 1 |
| 11 | `#77573b` | `oklch(48.43% 0.0596 62.63)` | Emperador | white, 6.5 to 1 |
| 12 | `#6f5234` | `oklch(46.25% 0.0589 66.40)` | Rustic Cabin | white, 7.1 to 1 |
| 13 | `#684f2e` | `oklch(44.54% 0.0589 72.85)` | Jungle Beat | white, 7.6 to 1 |
| 14 | `#614d28` | `oklch(43.21% 0.0595 81.48)` | Jungle Beat | white, 8 to 1 |
| 15 | `#5a4c24` | `oklch(42.18% 0.0605 91.76)` | Bronze Olive | white, 8.3 to 1 |
| 16 | `#514d22` | `oklch(41.37% 0.0618 103.17)` | Bronze Olive | white, 8.6 to 1 |
| 17 | `#484e23` | `oklch(40.69% 0.0631 115.19)` | Bronze Tone | white, 8.8 to 1 |
| 18 | `#3e4e27` | `oklch(40.08% 0.0643 127.30)` | Bronze Tone | white, 8.9 to 1 |
| 19 | `#334f2c` | `oklch(39.44% 0.0652 138.97)` | Nettle Green | white, 9.1 to 1 |
| 20 | `#284e31` | `oklch(38.69% 0.0656 149.67)` | Moselle Green | white, 9.4 to 1 |
| 21 | `#1e4c35` | `oklch(37.77% 0.0654 158.89)` | County Green | white, 9.7 to 1 |
| 22 | `#144937` | `oklch(36.58% 0.0643 166.20)` | County Green | white, 10.2 to 1 |
| 23 | `#0b4537` | `oklch(35.18% 0.0624 172.47)` | MSU Green | white, 10.8 to 1 |
| 24 | `#044137` | `oklch(33.63% 0.0597 178.08)` | Botanical Night | white, 11.5 to 1 |
| 25 | `#013c35` | `oklch(31.98% 0.0566 183.09)` | Night Turquoise | white, 12.3 to 1 |
| 26 | `#003733` | `oklch(30.29% 0.0528 187.51)` | Night Turquoise | white, 13.1 to 1 |
| 27 | `#003230` | `oklch(28.59% 0.0492 191.46)` | Nora’s Forest | white, 14 to 1 |
| 28 | `#002d2d` | `oklch(26.95% 0.0456 194.93)` | Roof Tile Green | white, 14.8 to 1 |
| 29 | `#01292a` | `oklch(25.43% 0.0421 197.99)` | Daintree | white, 15.5 to 1 |
| 30 | `#022527` | `oklch(24.07% 0.0389 200.68)` | Teal Spill | white, 16.2 to 1 |
| 31 | `#032224` | `oklch(22.92% 0.0363 203.06)` | Stellar Explorer | white, 16.7 to 1 |
| 32 | `#031f22` | `oklch(22.05% 0.0344 205.17)` | Stellar Explorer | white, 17.1 to 1 |

## CSS

```css
background: linear-gradient(210deg, #d8c98b 0.0%, #d3c285 3.2%, #ccb77d 6.5%, #c4ab75 9.7%, #ba9d6c 12.9%, #af8f63 16.1%, #a3815a 19.4%, #977452 22.6%, #8b694a 25.8%, #815f42 29.0%, #77573b 32.3%, #6f5234 35.5%, #684f2e 38.7%, #614d28 41.9%, #5a4c24 45.2%, #514d22 48.4%, #484e23 51.6%, #3e4e27 54.8%, #334f2c 58.1%, #284e31 61.3%, #1e4c35 64.5%, #144937 67.7%, #0b4537 71.0%, #044137 74.2%, #013c35 77.4%, #003733 80.6%, #003230 83.9%, #002d2d 87.1%, #01292a 90.3%, #022527 93.5%, #032224 96.8%, #031f22 100.0%);
background: linear-gradient(210deg in oklch, oklch(83.46% 0.0827 96.33) 0.0%, oklch(81.31% 0.0812 93.89) 3.2%, oklch(78.40% 0.0792 90.04) 6.5%, oklch(74.93% 0.0767 85.23) 9.7%, oklch(71.04% 0.0740 79.91) 12.9%, oklch(66.92% 0.0711 74.54) 16.1%, oklch(62.71% 0.0682 69.57) 19.4%, oklch(58.59% 0.0655 65.44) 22.6%, oklch(54.73% 0.0630 62.60) 25.8%, oklch(51.29% 0.0610 61.52) 29.0%, oklch(48.43% 0.0596 62.63) 32.3%, oklch(46.25% 0.0589 66.40) 35.5%, oklch(44.54% 0.0589 72.85) 38.7%, oklch(43.21% 0.0595 81.48) 41.9%, oklch(42.18% 0.0605 91.76) 45.2%, oklch(41.37% 0.0618 103.17) 48.4%, oklch(40.69% 0.0631 115.19) 51.6%, oklch(40.08% 0.0643 127.30) 54.8%, oklch(39.44% 0.0652 138.97) 58.1%, oklch(38.69% 0.0656 149.67) 61.3%, oklch(37.77% 0.0654 158.89) 64.5%, oklch(36.58% 0.0643 166.20) 67.7%, oklch(35.18% 0.0624 172.47) 71.0%, oklch(33.63% 0.0597 178.08) 74.2%, oklch(31.98% 0.0566 183.09) 77.4%, oklch(30.29% 0.0528 187.51) 80.6%, oklch(28.59% 0.0492 191.46) 83.9%, oklch(26.95% 0.0456 194.93) 87.1%, oklch(25.43% 0.0421 197.99) 90.3%, oklch(24.07% 0.0389 200.68) 93.5%, oklch(22.92% 0.0363 203.06) 96.8%, oklch(22.05% 0.0344 205.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.083 | 96.3 |
| 2 | 0.476 | 0.059 | 63.6 |
| 3 | 0.37 | 0.065 | 164 |
| 4 | 0.22 | 0.034 | 205.2 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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