# Sage and deep teal green palette

The Sage and deep teal green palette brings together green and dark green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark green, and its lightest tone is green.

- Also called: Monochrome green and dark green linear swatches
- Seed: `kWojxoT60_0Akv8sEkBIw5CA`
- Page: https://grabient.com/kWojxoT60_0Akv8sEkBIw5CA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light to dark, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.5 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 | `#6a996d` | `oklch(63.78% 0.0827 146.25)` | Rosemary Green | black, 6.4 to 1 |
| 2 | `#649c68` | `oklch(63.88% 0.0958 145.98)` | Leafy | black, 6.4 to 1 |
| 3 | `#5c9e60` | `oklch(63.85% 0.1135 145.58)` | Mosaic Green | black, 6.5 to 1 |
| 4 | `#539b57` | `oklch(62.60% 0.1240 145.19)` | Clover Patch | black, 6.2 to 1 |
| 5 | `#4b914e` | `oklch(59.48% 0.1220 144.68)` | Discover Deco | black, 5.4 to 1 |
| 6 | `#448345` | `oklch(55.13% 0.1128 144.18)` | Guinean Green | white, 4.5 to 1 |
| 7 | `#3d733e` | `oklch(50.39% 0.1006 144.14)` | Mount Hyjal | white, 5.6 to 1 |
| 8 | `#366237` | `oklch(45.09% 0.0842 144.33)` | Greenhouse | white, 7.1 to 1 |
| 9 | `#2f4f30` | `oklch(39.38% 0.0647 145.00)` | Moselle Green | white, 9.1 to 1 |
| 10 | `#27412a` | `oklch(34.65% 0.0496 147.31)` | Everglade | white, 11.2 to 1 |
| 11 | `#203827` | `oklch(31.38% 0.0426 152.86)` | Palm Green | white, 12.7 to 1 |
| 12 | `#183225` | `oklch(29.08% 0.0400 160.07)` | Intense Green | white, 13.8 to 1 |
| 13 | `#132e23` | `oklch(27.56% 0.0386 165.27)` | Guerrilla Forest | white, 14.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6a996d 0.000% 7.692%, #649c68 7.692% 15.385%, #5c9e60 15.385% 23.077%, #539b57 23.077% 30.769%, #4b914e 30.769% 38.462%, #448345 38.462% 46.154%, #3d733e 46.154% 53.846%, #366237 53.846% 61.538%, #2f4f30 61.538% 69.231%, #27412a 69.231% 76.923%, #203827 76.923% 84.615%, #183225 84.615% 92.308%, #132e23 92.308% 100.000%);
background: linear-gradient(90deg, oklch(63.78% 0.0827 146.25) 0.000% 7.692%, oklch(63.88% 0.0958 145.98) 7.692% 15.385%, oklch(63.85% 0.1135 145.58) 15.385% 23.077%, oklch(62.60% 0.1240 145.19) 23.077% 30.769%, oklch(59.48% 0.1220 144.68) 30.769% 38.462%, oklch(55.13% 0.1128 144.18) 38.462% 46.154%, oklch(50.39% 0.1006 144.14) 46.154% 53.846%, oklch(45.09% 0.0842 144.33) 53.846% 61.538%, oklch(39.38% 0.0647 145.00) 61.538% 69.231%, oklch(34.65% 0.0496 147.31) 69.231% 76.923%, oklch(31.38% 0.0426 152.86) 76.923% 84.615%, oklch(29.08% 0.0400 160.07) 84.615% 92.308%, oklch(27.56% 0.0386 165.27) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.083 | 146.3 |
| 2 | 0.626 | 0.124 | 145.2 |
| 3 | 0.504 | 0.101 | 144.1 |
| 4 | 0.346 | 0.05 | 147.3 |
| 5 | 0.276 | 0.039 | 165.3 |

## In these collections

- [Green swatches](https://grabient.com/green-swatches)

## Other forms

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