# Leaf Green Sunlit Gold Rain Green

This linear gradient moves through leaf green, sunlit gold, rain green, warm amber, and soft grass green in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Analogous green, tan, teal and beige linear gradient
- Seed: `kWpz1obq45j4VSPdqbQ5p9GI`
- Page: https://grabient.com/kWpz1obq45j4VSPdqbQ5p9GI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.1 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 | `#6fa073` | `oklch(65.75% 0.0841 146.25)` | Growth | black, 6.9 to 1 |
| 2 | `#7aa672` | `oklch(67.88% 0.0883 140.99)` | Ready Lawn | black, 7.5 to 1 |
| 3 | `#8baf71` | `oklch(71.19% 0.0948 132.96)` | Sage | black, 8.4 to 1 |
| 4 | `#a2b96f` | `oklch(75.16% 0.1026 123.34)` | Around the Gills | black, 9.7 to 1 |
| 5 | `#bbc36d` | `oklch(79.27% 0.1107 113.31)` | Avocado Cream | black, 11.1 to 1 |
| 6 | `#d4cb6c` | `oklch(82.99% 0.1181 104.07)` | Force of Nature | black, 12.5 to 1 |
| 7 | `#e7d16c` | `oklch(85.81% 0.1238 96.79)` | Golden Sand | black, 13.7 to 1 |
| 8 | `#f2d36c` | `oklch(87.21% 0.1269 92.67)` | Yellow Cream | black, 14.2 to 1 |
| 9 | `#f0d16b` | `oklch(86.64% 0.1262 92.94)` | Funky Yellow | black, 14 to 1 |
| 10 | `#dcca69` | `oklch(83.53% 0.1206 99.17)` | Pirate Treasure | black, 12.7 to 1 |
| 11 | `#bcbf67` | `oklch(78.38% 0.1112 110.19)` | Avocado Cream | black, 10.8 to 1 |
| 12 | `#97af68` | `oklch(71.98% 0.0994 124.03)` | Herbal Garden | black, 8.6 to 1 |
| 13 | `#749c69` | `oklch(65.11% 0.0867 138.72)` | Blackthorn Green | black, 6.7 to 1 |
| 14 | `#598966` | `oklch(58.57% 0.0748 152.30)` | Spring Garden | black, 5.1 to 1 |
| 15 | `#477861` | `oklch(53.14% 0.0650 162.79)` | Leaping Lizard | white, 5 to 1 |
| 16 | `#3e6d5c` | `oklch(49.62% 0.0590 168.23)` | Foliage Green | white, 5.9 to 1 |
| 17 | `#3d6a58` | `oklch(48.68% 0.0581 166.69)` | June Ivy | white, 6.1 to 1 |
| 18 | `#436e55` | `oklch(49.92% 0.0622 157.96)` | Foliage Green | white, 5.8 to 1 |
| 19 | `#527651` | `oklch(52.78% 0.0698 144.02)` | Torrey Pine | white, 5.1 to 1 |
| 20 | `#6a7f4b` | `oklch(56.73% 0.0797 126.98)` | Woodland Nymph | black, 4.7 to 1 |
| 21 | `#888845` | `oklch(61.26% 0.0903 108.96)` | Overgrown Citadel | black, 5.6 to 1 |
| 22 | `#a89043` | `oklch(65.83% 0.1005 92.07)` | Luxor Gold | black, 6.7 to 1 |
| 23 | `#c39649` | `oklch(69.94% 0.1087 78.41)` | Narcissus | black, 7.7 to 1 |
| 24 | `#d59b52` | `oklch(73.06% 0.1138 70.10)` | Poseidon’s Gold | black, 8.6 to 1 |
| 25 | `#dea059` | `oklch(75.04% 0.1148 68.44)` | Coffee Whip | black, 9.2 to 1 |
| 26 | `#dfa75d` | `oklch(76.56% 0.1130 71.78)` | Earth Yellow | black, 9.8 to 1 |
| 27 | `#dcae61` | `oklch(77.73% 0.1092 78.76)` | Stranglethorn Ochre | black, 10.2 to 1 |
| 28 | `#d5b668` | `oklch(78.62% 0.1041 88.06)` | Wax Way | black, 10.6 to 1 |
| 29 | `#ccbd70` | `oklch(79.29% 0.0985 98.35)` | Moray | black, 11 to 1 |
| 30 | `#c2c27b` | `oklch(79.82% 0.0930 108.30)` | Fresh Sprout | black, 11.3 to 1 |
| 31 | `#bbc684` | `oklch(80.27% 0.0884 116.61)` | Soda Pop | black, 11.5 to 1 |
| 32 | `#b7c98b` | `oklch(80.71% 0.0854 121.94)` | Marsh Fern | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6fa073 0.0%, #7aa672 3.2%, #8baf71 6.5%, #a2b96f 9.7%, #bbc36d 12.9%, #d4cb6c 16.1%, #e7d16c 19.4%, #f2d36c 22.6%, #f0d16b 25.8%, #dcca69 29.0%, #bcbf67 32.3%, #97af68 35.5%, #749c69 38.7%, #598966 41.9%, #477861 45.2%, #3e6d5c 48.4%, #3d6a58 51.6%, #436e55 54.8%, #527651 58.1%, #6a7f4b 61.3%, #888845 64.5%, #a89043 67.7%, #c39649 71.0%, #d59b52 74.2%, #dea059 77.4%, #dfa75d 80.6%, #dcae61 83.9%, #d5b668 87.1%, #ccbd70 90.3%, #c2c27b 93.5%, #bbc684 96.8%, #b7c98b 100.0%);
background: linear-gradient(90deg in oklch, oklch(65.75% 0.0841 146.25) 0.0%, oklch(67.88% 0.0883 140.99) 3.2%, oklch(71.19% 0.0948 132.96) 6.5%, oklch(75.16% 0.1026 123.34) 9.7%, oklch(79.27% 0.1107 113.31) 12.9%, oklch(82.99% 0.1181 104.07) 16.1%, oklch(85.81% 0.1238 96.79) 19.4%, oklch(87.21% 0.1269 92.67) 22.6%, oklch(86.64% 0.1262 92.94) 25.8%, oklch(83.53% 0.1206 99.17) 29.0%, oklch(78.38% 0.1112 110.19) 32.3%, oklch(71.98% 0.0994 124.03) 35.5%, oklch(65.11% 0.0867 138.72) 38.7%, oklch(58.57% 0.0748 152.30) 41.9%, oklch(53.14% 0.0650 162.79) 45.2%, oklch(49.62% 0.0590 168.23) 48.4%, oklch(48.68% 0.0581 166.69) 51.6%, oklch(49.92% 0.0622 157.96) 54.8%, oklch(52.78% 0.0698 144.02) 58.1%, oklch(56.73% 0.0797 126.98) 61.3%, oklch(61.26% 0.0903 108.96) 64.5%, oklch(65.83% 0.1005 92.07) 67.7%, oklch(69.94% 0.1087 78.41) 71.0%, oklch(73.06% 0.1138 70.10) 74.2%, oklch(75.04% 0.1148 68.44) 77.4%, oklch(76.56% 0.1130 71.78) 80.6%, oklch(77.73% 0.1092 78.76) 83.9%, oklch(78.62% 0.1041 88.06) 87.1%, oklch(79.29% 0.0985 98.35) 90.3%, oklch(79.82% 0.0930 108.30) 93.5%, oklch(80.27% 0.0884 116.61) 96.8%, oklch(80.71% 0.0854 121.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.084 | 146.3 |
| 2 | 0.87 | 0.127 | 92.4 |
| 3 | 0.488 | 0.058 | 168.4 |
| 4 | 0.736 | 0.114 | 69.1 |
| 5 | 0.807 | 0.085 | 121.9 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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