# Forest green and violet wisteria shadow wall

The Forest green and violet wisteria shadow wall brings together dark green, green, gray, and purple. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is gray.

- Also called: Dark green, gray and purple linear gradient
- Seed: `kaSyRtMp8-j8fP3Ghz0RhEtr8wvi0uz6A`
- Page: https://grabient.com/kaSyRtMp8-j8fP3Ghz0RhEtr8wvi0uz6A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.9 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 | `#173421` | `oklch(29.53% 0.0496 153.28)` | Phthalo Green | white, 13.5 to 1 |
| 2 | `#183822` | `oklch(30.87% 0.0548 151.65)` | Deep Fir | white, 12.9 to 1 |
| 3 | `#1b3e23` | `oklch(32.76% 0.0625 149.29)` | Queen of Trees | white, 12 to 1 |
| 4 | `#1e4423` | `oklch(34.98% 0.0711 146.60)` | Myrtle | white, 10.9 to 1 |
| 5 | `#234b24` | `oklch(37.28% 0.0791 144.01)` | Cal Poly Pomona Green | white, 9.9 to 1 |
| 6 | `#295125` | `oklch(39.43% 0.0848 141.93)` | Chestnut Green | white, 9.1 to 1 |
| 7 | `#2e5727` | `oklch(41.42% 0.0882 140.77)` | Moor-Monster | white, 8.3 to 1 |
| 8 | `#335d2b` | `oklch(43.45% 0.0908 140.43)` | Deep Into the Wood | white, 7.6 to 1 |
| 9 | `#386330` | `oklch(45.45% 0.0919 140.29)` | Gameboy Shade | white, 7 to 1 |
| 10 | `#3f6835` | `oklch(47.36% 0.0910 139.76)` | Dell | white, 6.4 to 1 |
| 11 | `#476c3a` | `oklch(49.08% 0.0874 138.26)` | Gully Green | white, 6 to 1 |
| 12 | `#506f41` | `oklch(50.61% 0.0795 136.22)` | Loire Valley | white, 5.6 to 1 |
| 13 | `#58724b` | `oklch(52.02% 0.0657 135.66)` | Climbing Ivy | white, 5.3 to 1 |
| 14 | `#617356` | `oklch(53.30% 0.0493 134.48)` | Vineyard Green | white, 5.1 to 1 |
| 15 | `#697460` | `oklch(54.38% 0.0336 130.28)` | Bean Counter | white, 4.9 to 1 |
| 16 | `#707466` | `oklch(55.21% 0.0223 120.69)` | Evergreen Trail | white, 4.7 to 1 |
| 17 | `#757468` | `oklch(55.74% 0.0180 102.73)` | Pepper Mill | white, 4.6 to 1 |
| 18 | `#7b7369` | `oklch(56.01% 0.0187 73.66)` | Deconstruction | white, 4.6 to 1 |
| 19 | `#81706b` | `oklch(56.04% 0.0230 38.42)` | Granite Boulder | white, 4.6 to 1 |
| 20 | `#846d72` | `oklch(55.85% 0.0303 2.87)` | Emotive Ring | white, 4.7 to 1 |
| 21 | `#826b7d` | `oklch(55.47% 0.0397 332.86)` | Splendiferous | white, 4.8 to 1 |
| 22 | `#7c6986` | `oklch(54.91% 0.0509 313.94)` | Matriarch | white, 4.9 to 1 |
| 23 | `#78658e` | `oklch(54.13% 0.0665 305.03)` | Purple Grapes | white, 5.1 to 1 |
| 24 | `#766095` | `oklch(53.13% 0.0853 302.51)` | Ghostly Purple | white, 5.4 to 1 |
| 25 | `#76599a` | `oklch(51.97% 0.1047 303.39)` | Juneberry | white, 5.7 to 1 |
| 26 | `#75519d` | `oklch(50.71% 0.1223 304.73)` | Parfait d’Amour | white, 6.1 to 1 |
| 27 | `#724a9f` | `oklch(49.38% 0.1355 303.62)` | Studio | white, 6.5 to 1 |
| 28 | `#6c44a0` | `oklch(47.76% 0.1447 300.98)` | Poppy Pompadour | white, 7 to 1 |
| 29 | `#643e9f` | `oklch(45.91% 0.1514 298.35)` | Poppy Pompadour | white, 7.6 to 1 |
| 30 | `#5d389d` | `oklch(44.06% 0.1562 295.93)` | Ruthless Empress | white, 8.3 to 1 |
| 31 | `#56339b` | `oklch(42.46% 0.1597 293.89)` | Blue Magenta Violet | white, 8.9 to 1 |
| 32 | `#52309a` | `oklch(41.34% 0.1626 292.42)` | Blue Magenta Violet | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #173421 0.0%, #183822 3.2%, #1b3e23 6.5%, #1e4423 9.7%, #234b24 12.9%, #295125 16.1%, #2e5727 19.4%, #335d2b 22.6%, #386330 25.8%, #3f6835 29.0%, #476c3a 32.3%, #506f41 35.5%, #58724b 38.7%, #617356 41.9%, #697460 45.2%, #707466 48.4%, #757468 51.6%, #7b7369 54.8%, #81706b 58.1%, #846d72 61.3%, #826b7d 64.5%, #7c6986 67.7%, #78658e 71.0%, #766095 74.2%, #76599a 77.4%, #75519d 80.6%, #724a9f 83.9%, #6c44a0 87.1%, #643e9f 90.3%, #5d389d 93.5%, #56339b 96.8%, #52309a 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.53% 0.0496 153.28) 0.0%, oklch(30.87% 0.0548 151.65) 3.2%, oklch(32.76% 0.0625 149.29) 6.5%, oklch(34.98% 0.0711 146.60) 9.7%, oklch(37.28% 0.0791 144.01) 12.9%, oklch(39.43% 0.0848 141.93) 16.1%, oklch(41.42% 0.0882 140.77) 19.4%, oklch(43.45% 0.0908 140.43) 22.6%, oklch(45.45% 0.0919 140.29) 25.8%, oklch(47.36% 0.0910 139.76) 29.0%, oklch(49.08% 0.0874 138.26) 32.3%, oklch(50.61% 0.0795 136.22) 35.5%, oklch(52.02% 0.0657 135.66) 38.7%, oklch(53.30% 0.0493 134.48) 41.9%, oklch(54.38% 0.0336 130.28) 45.2%, oklch(55.21% 0.0223 120.69) 48.4%, oklch(55.74% 0.0180 102.73) 51.6%, oklch(56.01% 0.0187 73.66) 54.8%, oklch(56.04% 0.0230 38.42) 58.1%, oklch(55.85% 0.0303 2.87) 61.3%, oklch(55.47% 0.0397 332.86) 64.5%, oklch(54.91% 0.0509 313.94) 67.7%, oklch(54.13% 0.0665 305.03) 71.0%, oklch(53.13% 0.0853 302.51) 74.2%, oklch(51.97% 0.1047 303.39) 77.4%, oklch(50.71% 0.1223 304.73) 80.6%, oklch(49.38% 0.1355 303.62) 83.9%, oklch(47.76% 0.1447 300.98) 87.1%, oklch(45.91% 0.1514 298.35) 90.3%, oklch(44.06% 0.1562 295.93) 93.5%, oklch(42.46% 0.1597 293.89) 96.8%, oklch(41.34% 0.1626 292.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.05 | 153.3 |
| 2 | 0.398 | 0.085 | 141.7 |
| 3 | 0.496 | 0.085 | 137.4 |
| 4 | 0.555 | 0.019 | 113.1 |
| 5 | 0.551 | 0.047 | -41.2 |
| 6 | 0.496 | 0.134 | -56 |
| 7 | 0.413 | 0.163 | -67.6 |

## In these collections

- [Wisteria shadow wall](https://grabient.com/wisteria-shadow-wall)

## Other forms

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