# Forest green and sage angular gradient

Dark forest green passes through shaded teal-green into soft sage and celadon, then returns to its deep green starting color. The angular sweep uses fine transitions with a muted, low-key character. These colors suit app surfaces, wellness interfaces, dashboard backgrounds, and nature-inspired digital layouts with a calm atmosphere.

- Also called: Seamless black, dark green and gray angular gradient
- Seed: `kUQBN_spG_tEPvqgCcFA`
- Page: https://grabient.com/kUQBN_spG_tEPvqgCcFA?style=angularGradient&steps=64&angle=60
- Drawn as: angular gradient, 64 steps, 60 degrees
- Kinds: light center, neutral, cool, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.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 | `#132622` | `oklch(25.20% 0.0262 179.30)` | Deep Slate Green | white, 15.7 to 1 |
| 2 | `#142723` | `oklch(25.57% 0.0268 179.25)` | Swamp Thing | white, 15.5 to 1 |
| 3 | `#142824` | `oklch(25.98% 0.0275 179.21)` | Swamp Thing | white, 15.3 to 1 |
| 4 | `#152a25` | `oklch(26.43% 0.0284 179.18)` | Swamp Thing | white, 15.1 to 1 |
| 5 | `#152b26` | `oklch(26.92% 0.0294 179.15)` | Guerrilla Forest | white, 14.9 to 1 |
| 6 | `#162d28` | `oklch(27.45% 0.0305 179.12)` | Guerrilla Forest | white, 14.6 to 1 |
| 7 | `#162e29` | `oklch(28.02% 0.0317 179.09)` | Guerrilla Forest | white, 14.3 to 1 |
| 8 | `#17302b` | `oklch(28.62% 0.0329 179.06)` | Lacquer Green | white, 14 to 1 |
| 9 | `#17322c` | `oklch(29.26% 0.0342 179.03)` | Lacquer Green | white, 13.7 to 1 |
| 10 | `#18342e` | `oklch(29.92% 0.0355 178.98)` | Medium Jungle Green | white, 13.4 to 1 |
| 11 | `#193630` | `oklch(30.62% 0.0369 178.93)` | Medium Jungle Green | white, 13.1 to 1 |
| 12 | `#193831` | `oklch(31.34% 0.0382 178.87)` | Medium Jungle Green | white, 12.7 to 1 |
| 13 | `#1a3a33` | `oklch(32.10% 0.0396 178.79)` | Palm Green | white, 12.4 to 1 |
| 14 | `#1b3c35` | `oklch(32.87% 0.0409 178.70)` | Botanical Night | white, 12 to 1 |
| 15 | `#1c3e37` | `oklch(33.67% 0.0421 178.59)` | Botanical Night | white, 11.6 to 1 |
| 16 | `#1d4139` | `oklch(34.49% 0.0433 178.47)` | Black Soap | white, 11.2 to 1 |
| 17 | `#1f433b` | `oklch(35.33% 0.0444 178.32)` | Black Soap | white, 10.9 to 1 |
| 18 | `#20453e` | `oklch(36.19% 0.0454 178.14)` | Black Soap | white, 10.5 to 1 |
| 19 | `#224840` | `oklch(37.06% 0.0463 177.95)` | Country Squire | white, 10.1 to 1 |
| 20 | `#234b42` | `oklch(37.95% 0.0471 177.72)` | Blackboard Green | white, 9.7 to 1 |
| 21 | `#254d44` | `oklch(38.85% 0.0477 177.47)` | Blackboard Green | white, 9.4 to 1 |
| 22 | `#285047` | `oklch(39.76% 0.0482 177.18)` | Hunt Club | white, 9 to 1 |
| 23 | `#2a5249` | `oklch(40.77% 0.0486 176.84)` | Highland Green | white, 8.6 to 1 |
| 24 | `#2d564c` | `oklch(41.94% 0.0488 176.42)` | Hypnotism | white, 8.2 to 1 |
| 25 | `#31594f` | `oklch(43.25% 0.0490 175.92)` | Holly Leaf | white, 7.8 to 1 |
| 26 | `#355d53` | `oklch(44.67% 0.0491 175.37)` | Holly Bush | white, 7.3 to 1 |
| 27 | `#3a6257` | `oklch(46.18% 0.0491 174.77)` | Posy Green | white, 6.8 to 1 |
| 28 | `#3e665b` | `oklch(47.76% 0.0490 174.13)` | Earhart Emerald | white, 6.4 to 1 |
| 29 | `#436b5f` | `oklch(49.39% 0.0488 173.47)` | Smoke Pine | white, 5.9 to 1 |
| 30 | `#487063` | `oklch(51.03% 0.0486 172.78)` | Cormorant | white, 5.5 to 1 |
| 31 | `#4d7468` | `oklch(52.68% 0.0484 172.08)` | Smoky Emerald | white, 5.2 to 1 |
| 32 | `#52796c` | `oklch(54.30% 0.0481 171.39)` | Wishard | white, 4.8 to 1 |
| 33 | `#577d70` | `oklch(55.87% 0.0477 170.70)` | Dull Turquoise | black, 4.6 to 1 |
| 34 | `#5c8274` | `oklch(57.37% 0.0473 170.04)` | Cutty Sark | black, 4.8 to 1 |
| 35 | `#618678` | `oklch(58.78% 0.0469 169.40)` | Greenella | black, 5.1 to 1 |
| 36 | `#658a7b` | `oklch(60.06% 0.0464 168.81)` | Sea Monster | black, 5.4 to 1 |
| 37 | `#698d7f` | `oklch(61.20% 0.0459 168.26)` | Sea Monster | black, 5.7 to 1 |
| 38 | `#6c9081` | `oklch(62.18% 0.0454 167.78)` | Pine Ridge | black, 5.9 to 1 |
| 39 | `#6f9284` | `oklch(62.97% 0.0449 167.37)` | Hawkesbury | black, 6.1 to 1 |
| 40 | `#719485` | `oklch(63.55% 0.0443 167.03)` | Up North | black, 6.2 to 1 |
| 41 | `#739586` | `oklch(63.89% 0.0438 166.79)` | Garden Fountain | black, 6.3 to 1 |
| 42 | `#739586` | `oklch(63.98% 0.0432 166.65)` | Garden Fountain | black, 6.3 to 1 |
| 43 | `#739486` | `oklch(63.78% 0.0427 166.62)` | Garden Fountain | black, 6.3 to 1 |
| 44 | `#729284` | `oklch(63.25% 0.0421 166.70)` | Hawkesbury | black, 6.1 to 1 |
| 45 | `#709082` | `oklch(62.39% 0.0415 166.91)` | Hawkesbury | black, 5.9 to 1 |
| 46 | `#6d8c7f` | `oklch(61.22% 0.0408 167.21)` | Hanging Vine | black, 5.7 to 1 |
| 47 | `#69887b` | `oklch(59.77% 0.0400 167.62)` | Garland | black, 5.3 to 1 |
| 48 | `#648276` | `oklch(58.09% 0.0392 168.10)` | Lorna | black, 5 to 1 |
| 49 | `#5f7d71` | `oklch(56.19% 0.0383 168.66)` | Fuchsite Green | black, 4.6 to 1 |
| 50 | `#5a766b` | `oklch(54.13% 0.0374 169.28)` | September Sea | white, 4.9 to 1 |
| 51 | `#547065` | `oklch(51.92% 0.0365 169.95)` | Bridgewater | white, 5.4 to 1 |
| 52 | `#4e695f` | `oklch(49.60% 0.0355 170.65)` | Green Beret | white, 5.9 to 1 |
| 53 | `#486259` | `oklch(47.20% 0.0346 171.39)` | Pine Haven | white, 6.6 to 1 |
| 54 | `#425b52` | `oklch(44.77% 0.0336 172.15)` | Canadian Fir | white, 7.3 to 1 |
| 55 | `#3b544c` | `oklch(42.32% 0.0327 172.91)` | Dark Everglade | white, 8.2 to 1 |
| 56 | `#354d46` | `oklch(39.89% 0.0318 173.66)` | Amphitrite | white, 9 to 1 |
| 57 | `#304740` | `oklch(37.52% 0.0309 174.40)` | Gable Green | white, 10 to 1 |
| 58 | `#2a403a` | `oklch(35.23% 0.0300 175.12)` | Pine Grove | white, 11 to 1 |
| 59 | `#253b35` | `oklch(33.07% 0.0292 175.80)` | Scarab | white, 12 to 1 |
| 60 | `#203530` | `oklch(31.06% 0.0285 176.43)` | Medium Jungle Green | white, 12.9 to 1 |
| 61 | `#1c312c` | `oklch(29.23% 0.0278 177.00)` | Lacquer Green | white, 13.8 to 1 |
| 62 | `#192c28` | `oklch(27.62% 0.0272 177.50)` | Guerrilla Forest | white, 14.6 to 1 |
| 63 | `#162925` | `oklch(26.27% 0.0266 177.91)` | Swamp Thing | white, 15.2 to 1 |
| 64 | `#132622` | `oklch(25.20% 0.0262 178.24)` | Deep Slate Green | white, 15.7 to 1 |

## CSS

```css
background: conic-gradient(from 60deg, #132622 0.0%, #142723 1.6%, #142824 3.2%, #152a25 4.8%, #152b26 6.3%, #162d28 7.9%, #162e29 9.5%, #17302b 11.1%, #17322c 12.7%, #18342e 14.3%, #193630 15.9%, #193831 17.5%, #1a3a33 19.0%, #1b3c35 20.6%, #1c3e37 22.2%, #1d4139 23.8%, #1f433b 25.4%, #20453e 27.0%, #224840 28.6%, #234b42 30.2%, #254d44 31.7%, #285047 33.3%, #2a5249 34.9%, #2d564c 36.5%, #31594f 38.1%, #355d53 39.7%, #3a6257 41.3%, #3e665b 42.9%, #436b5f 44.4%, #487063 46.0%, #4d7468 47.6%, #52796c 49.2%, #577d70 50.8%, #5c8274 52.4%, #618678 54.0%, #658a7b 55.6%, #698d7f 57.1%, #6c9081 58.7%, #6f9284 60.3%, #719485 61.9%, #739586 63.5%, #739586 65.1%, #739486 66.7%, #729284 68.3%, #709082 69.8%, #6d8c7f 71.4%, #69887b 73.0%, #648276 74.6%, #5f7d71 76.2%, #5a766b 77.8%, #547065 79.4%, #4e695f 81.0%, #486259 82.5%, #425b52 84.1%, #3b544c 85.7%, #354d46 87.3%, #304740 88.9%, #2a403a 90.5%, #253b35 92.1%, #203530 93.7%, #1c312c 95.2%, #192c28 96.8%, #162925 98.4%, #132622 100.0%);
background: conic-gradient(from 60deg in oklch, oklch(25.20% 0.0262 179.30) 0.0%, oklch(25.57% 0.0268 179.25) 1.6%, oklch(25.98% 0.0275 179.21) 3.2%, oklch(26.43% 0.0284 179.18) 4.8%, oklch(26.92% 0.0294 179.15) 6.3%, oklch(27.45% 0.0305 179.12) 7.9%, oklch(28.02% 0.0317 179.09) 9.5%, oklch(28.62% 0.0329 179.06) 11.1%, oklch(29.26% 0.0342 179.03) 12.7%, oklch(29.92% 0.0355 178.98) 14.3%, oklch(30.62% 0.0369 178.93) 15.9%, oklch(31.34% 0.0382 178.87) 17.5%, oklch(32.10% 0.0396 178.79) 19.0%, oklch(32.87% 0.0409 178.70) 20.6%, oklch(33.67% 0.0421 178.59) 22.2%, oklch(34.49% 0.0433 178.47) 23.8%, oklch(35.33% 0.0444 178.32) 25.4%, oklch(36.19% 0.0454 178.14) 27.0%, oklch(37.06% 0.0463 177.95) 28.6%, oklch(37.95% 0.0471 177.72) 30.2%, oklch(38.85% 0.0477 177.47) 31.7%, oklch(39.76% 0.0482 177.18) 33.3%, oklch(40.77% 0.0486 176.84) 34.9%, oklch(41.94% 0.0488 176.42) 36.5%, oklch(43.25% 0.0490 175.92) 38.1%, oklch(44.67% 0.0491 175.37) 39.7%, oklch(46.18% 0.0491 174.77) 41.3%, oklch(47.76% 0.0490 174.13) 42.9%, oklch(49.39% 0.0488 173.47) 44.4%, oklch(51.03% 0.0486 172.78) 46.0%, oklch(52.68% 0.0484 172.08) 47.6%, oklch(54.30% 0.0481 171.39) 49.2%, oklch(55.87% 0.0477 170.70) 50.8%, oklch(57.37% 0.0473 170.04) 52.4%, oklch(58.78% 0.0469 169.40) 54.0%, oklch(60.06% 0.0464 168.81) 55.6%, oklch(61.20% 0.0459 168.26) 57.1%, oklch(62.18% 0.0454 167.78) 58.7%, oklch(62.97% 0.0449 167.37) 60.3%, oklch(63.55% 0.0443 167.03) 61.9%, oklch(63.89% 0.0438 166.79) 63.5%, oklch(63.98% 0.0432 166.65) 65.1%, oklch(63.78% 0.0427 166.62) 66.7%, oklch(63.25% 0.0421 166.70) 68.3%, oklch(62.39% 0.0415 166.91) 69.8%, oklch(61.22% 0.0408 167.21) 71.4%, oklch(59.77% 0.0400 167.62) 73.0%, oklch(58.09% 0.0392 168.10) 74.6%, oklch(56.19% 0.0383 168.66) 76.2%, oklch(54.13% 0.0374 169.28) 77.8%, oklch(51.92% 0.0365 169.95) 79.4%, oklch(49.60% 0.0355 170.65) 81.0%, oklch(47.20% 0.0346 171.39) 82.5%, oklch(44.77% 0.0336 172.15) 84.1%, oklch(42.32% 0.0327 172.91) 85.7%, oklch(39.89% 0.0318 173.66) 87.3%, oklch(37.52% 0.0309 174.40) 88.9%, oklch(35.23% 0.0300 175.12) 90.5%, oklch(33.07% 0.0292 175.80) 92.1%, oklch(31.06% 0.0285 176.43) 93.7%, oklch(29.23% 0.0278 177.00) 95.2%, oklch(27.62% 0.0272 177.50) 96.8%, oklch(26.27% 0.0266 177.91) 98.4%, oklch(25.20% 0.0262 178.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.026 | 179.3 |
| 2 | 0.398 | 0.048 | 177.2 |
| 3 | 0.638 | 0.043 | 166.6 |
| 4 | 0.252 | 0.026 | 178.2 |

## In these collections

- [App background gradients](https://grabient.com/app-background-gradients)

## Other forms

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