# Sage and deep teal forest palette

The Sage and deep teal forest palette brings together light green and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is light green.

- Also called: Monochrome green to dark green linear gradient
- Seed: `kU0EFbVC9BL-pwUtm0FA`
- Page: https://grabient.com/kU0EFbVC9BL-pwUtm0FA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#b3cf91` | `oklch(81.89% 0.0896 127.97)` | Al Green | black, 12.2 to 1 |
| 2 | `#afcd8d` | `oklch(80.99% 0.0921 128.57)` | Chenille | black, 11.9 to 1 |
| 3 | `#aaca88` | `oklch(79.84% 0.0956 129.33)` | Venerable Verde | black, 11.4 to 1 |
| 4 | `#a3c682` | `oklch(78.48% 0.0999 130.23)` | Opaline Green | black, 10.9 to 1 |
| 5 | `#9cc27b` | `oklch(76.96% 0.1047 131.24)` | Picnic | black, 10.4 to 1 |
| 6 | `#94be74` | `oklch(75.31% 0.1097 132.34)` | Leticiaz | black, 9.8 to 1 |
| 7 | `#8cb96d` | `oklch(73.58% 0.1146 133.49)` | Cold Spring | black, 9.2 to 1 |
| 8 | `#83b566` | `oklch(71.81% 0.1193 134.68)` | Broccoli | black, 8.7 to 1 |
| 9 | `#7bb060` | `oklch(70.04% 0.1234 135.87)` | Bud Green | black, 8.2 to 1 |
| 10 | `#72ab5a` | `oklch(68.31% 0.1268 137.04)` | Asparagus | black, 7.7 to 1 |
| 11 | `#6aa756` | `oklch(66.66% 0.1291 138.17)` | Fern Flash | black, 7.2 to 1 |
| 12 | `#63a252` | `oklch(65.11% 0.1302 139.26)` | Muted Green | black, 6.8 to 1 |
| 13 | `#5c9e4f` | `oklch(63.54% 0.1305 140.35)` | Parsley Green | black, 6.4 to 1 |
| 14 | `#55994c` | `oklch(61.96% 0.1301 141.46)` | Wicked Witch | black, 6 to 1 |
| 15 | `#4e944a` | `oklch(60.36% 0.1292 142.58)` | Discover Deco | black, 5.6 to 1 |
| 16 | `#489048` | `oklch(58.77% 0.1278 143.71)` | Park Picnic | black, 5.3 to 1 |
| 17 | `#428b46` | `oklch(57.18% 0.1260 144.85)` | Underclover | black, 4.9 to 1 |
| 18 | `#3b8644` | `oklch(55.60% 0.1238 145.99)` | Paradise of Greenery | black, 4.6 to 1 |
| 19 | `#358143` | `oklch(54.04% 0.1214 147.13)` | Vine | white, 4.7 to 1 |
| 20 | `#307d41` | `oklch(52.50% 0.1188 148.27)` | Mermaid’s Tail | white, 5.1 to 1 |
| 21 | `#2a783f` | `oklch(50.99% 0.1162 149.41)` | Cucumber Queen | white, 5.4 to 1 |
| 22 | `#25733e` | `oklch(49.51% 0.1134 150.54)` | Felt | white, 5.8 to 1 |
| 23 | `#1f6f3d` | `oklch(47.97% 0.1101 151.74)` | Dartmouth Green | white, 6.2 to 1 |
| 24 | `#1a6a3b` | `oklch(46.39% 0.1062 153.01)` | Camarone | white, 6.6 to 1 |
| 25 | `#16653a` | `oklch(44.78% 0.1019 154.32)` | Fun Green | white, 7.1 to 1 |
| 26 | `#126038` | `oklch(43.19% 0.0973 155.63)` | Spruce | white, 7.6 to 1 |
| 27 | `#0f5b37` | `oklch(41.65% 0.0927 156.91)` | Crusoe | white, 8.2 to 1 |
| 28 | `#0c5635` | `oklch(40.19% 0.0881 158.13)` | Permanent Green | white, 8.7 to 1 |
| 29 | `#0b5234` | `oklch(38.85% 0.0838 159.26)` | Permanent Green | white, 9.2 to 1 |
| 30 | `#094e33` | `oklch(37.65% 0.0800 160.27)` | Chrysocolla Dark Green | white, 9.7 to 1 |
| 31 | `#094b31` | `oklch(36.63% 0.0768 161.12)` | Order Green | white, 10.1 to 1 |
| 32 | `#084830` | `oklch(35.83% 0.0744 161.78)` | Zucchini | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b3cf91 0.0%, #afcd8d 3.2%, #aaca88 6.5%, #a3c682 9.7%, #9cc27b 12.9%, #94be74 16.1%, #8cb96d 19.4%, #83b566 22.6%, #7bb060 25.8%, #72ab5a 29.0%, #6aa756 32.3%, #63a252 35.5%, #5c9e4f 38.7%, #55994c 41.9%, #4e944a 45.2%, #489048 48.4%, #428b46 51.6%, #3b8644 54.8%, #358143 58.1%, #307d41 61.3%, #2a783f 64.5%, #25733e 67.7%, #1f6f3d 71.0%, #1a6a3b 74.2%, #16653a 77.4%, #126038 80.6%, #0f5b37 83.9%, #0c5635 87.1%, #0b5234 90.3%, #094e33 93.5%, #094b31 96.8%, #084830 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.89% 0.0896 127.97) 0.0%, oklch(80.99% 0.0921 128.57) 3.2%, oklch(79.84% 0.0956 129.33) 6.5%, oklch(78.48% 0.0999 130.23) 9.7%, oklch(76.96% 0.1047 131.24) 12.9%, oklch(75.31% 0.1097 132.34) 16.1%, oklch(73.58% 0.1146 133.49) 19.4%, oklch(71.81% 0.1193 134.68) 22.6%, oklch(70.04% 0.1234 135.87) 25.8%, oklch(68.31% 0.1268 137.04) 29.0%, oklch(66.66% 0.1291 138.17) 32.3%, oklch(65.11% 0.1302 139.26) 35.5%, oklch(63.54% 0.1305 140.35) 38.7%, oklch(61.96% 0.1301 141.46) 41.9%, oklch(60.36% 0.1292 142.58) 45.2%, oklch(58.77% 0.1278 143.71) 48.4%, oklch(57.18% 0.1260 144.85) 51.6%, oklch(55.60% 0.1238 145.99) 54.8%, oklch(54.04% 0.1214 147.13) 58.1%, oklch(52.50% 0.1188 148.27) 61.3%, oklch(50.99% 0.1162 149.41) 64.5%, oklch(49.51% 0.1134 150.54) 67.7%, oklch(47.97% 0.1101 151.74) 71.0%, oklch(46.39% 0.1062 153.01) 74.2%, oklch(44.78% 0.1019 154.32) 77.4%, oklch(43.19% 0.0973 155.63) 80.6%, oklch(41.65% 0.0927 156.91) 83.9%, oklch(40.19% 0.0881 158.13) 87.1%, oklch(38.85% 0.0838 159.26) 90.3%, oklch(37.65% 0.0800 160.27) 93.5%, oklch(36.63% 0.0768 161.12) 96.8%, oklch(35.83% 0.0744 161.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.09 | 128 |
| 2 | 0.661 | 0.13 | 138.5 |
| 3 | 0.5 | 0.114 | 150.2 |
| 4 | 0.358 | 0.074 | 161.8 |

## In these collections

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

## Other forms

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