# Teal and emerald green palette

The Teal and emerald green palette brings together dark green, green, and light green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark green, and its lightest tone is light green.

- Also called: Monochrome dark green to green linear gradient
- Seed: `kSTEF1w7o_GCrvs`
- Page: https://grabient.com/kSTEF1w7o_GCrvs?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.4 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 | `#003726` | `oklch(29.93% 0.0628 165.16)` | Off-Road Green | white, 13.3 to 1 |
| 2 | `#003a27` | `oklch(30.77% 0.0648 164.90)` | Off-Road Green | white, 12.8 to 1 |
| 3 | `#003d29` | `oklch(31.79% 0.0672 164.60)` | Deep Fir | white, 12.3 to 1 |
| 4 | `#00402c` | `oklch(32.97% 0.0700 164.24)` | UP Forest Green | white, 11.8 to 1 |
| 5 | `#00442e` | `oklch(34.28% 0.0732 163.85)` | UP Forest Green | white, 11.2 to 1 |
| 6 | `#004931` | `oklch(35.72% 0.0767 163.43)` | Alaskan Moss | white, 10.5 to 1 |
| 7 | `#004d34` | `oklch(37.25% 0.0805 162.97)` | Chrysocolla Dark Green | white, 9.9 to 1 |
| 8 | `#005237` | `oklch(38.86% 0.0846 162.48)` | Trapper Green | white, 9.2 to 1 |
| 9 | `#00583a` | `oklch(40.54% 0.0889 161.97)` | Sacramento State Green | white, 8.6 to 1 |
| 10 | `#005d3d` | `oklch(42.26% 0.0935 161.44)` | Spruce | white, 7.9 to 1 |
| 11 | `#006340` | `oklch(44.00% 0.0981 160.89)` | Aotake Bamboo | white, 7.3 to 1 |
| 12 | `#006843` | `oklch(45.74% 0.1029 160.34)` | Greens | white, 6.8 to 1 |
| 13 | `#006e46` | `oklch(47.48% 0.1078 159.78)` | So-Sari | white, 6.3 to 1 |
| 14 | `#007449` | `oklch(49.18% 0.1127 159.21)` | Gnarls Green | white, 5.8 to 1 |
| 15 | `#00794c` | `oklch(50.82% 0.1176 158.65)` | Woodland Soul | white, 5.4 to 1 |
| 16 | `#007f4e` | `oklch(52.40% 0.1224 158.10)` | Picture Book Green | white, 5 to 1 |
| 17 | `#008450` | `oklch(53.91% 0.1271 157.54)` | Dark Emerald | white, 4.7 to 1 |
| 18 | `#008952` | `oklch(55.47% 0.1322 156.95)` | English Meadow | black, 4.7 to 1 |
| 19 | `#008f54` | `oklch(57.11% 0.1377 156.31)` | Moss | black, 5 to 1 |
| 20 | `#009556` | `oklch(58.79% 0.1436 155.63)` | Green Gloss | black, 5.4 to 1 |
| 21 | `#009b58` | `oklch(60.49% 0.1497 154.94)` | Fern Green | black, 5.8 to 1 |
| 22 | `#11a05b` | `oklch(62.21% 0.1522 154.23)` | Shamrock | black, 6.2 to 1 |
| 23 | `#28a55f` | `oklch(63.92% 0.1488 153.51)` | Alhambra Green | black, 6.6 to 1 |
| 24 | `#37aa64` | `oklch(65.60% 0.1452 152.80)` | Seaweed Green | black, 7 to 1 |
| 25 | `#44ae69` | `oklch(67.24% 0.1414 152.09)` | Seaweed Green | black, 7.5 to 1 |
| 26 | `#4fb36e` | `oklch(68.82% 0.1375 151.41)` | Midori Green | black, 7.9 to 1 |
| 27 | `#59b773` | `oklch(70.32% 0.1337 150.76)` | Lawn Party | black, 8.4 to 1 |
| 28 | `#61ba77` | `oklch(71.72% 0.1301 150.16)` | Citronella | black, 8.8 to 1 |
| 29 | `#69be7c` | `oklch(73.01% 0.1268 149.60)` | Young Fern | black, 9.2 to 1 |
| 30 | `#6fc180` | `oklch(74.16% 0.1239 149.10)` | Clover Mist | black, 9.6 to 1 |
| 31 | `#75c483` | `oklch(75.16% 0.1215 148.68)` | Garden Stroll | black, 9.9 to 1 |
| 32 | `#79c686` | `oklch(75.98% 0.1199 148.33)` | Garden Stroll | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #003726 0.0%, #003a27 3.2%, #003d29 6.5%, #00402c 9.7%, #00442e 12.9%, #004931 16.1%, #004d34 19.4%, #005237 22.6%, #00583a 25.8%, #005d3d 29.0%, #006340 32.3%, #006843 35.5%, #006e46 38.7%, #007449 41.9%, #00794c 45.2%, #007f4e 48.4%, #008450 51.6%, #008952 54.8%, #008f54 58.1%, #009556 61.3%, #009b58 64.5%, #11a05b 67.7%, #28a55f 71.0%, #37aa64 74.2%, #44ae69 77.4%, #4fb36e 80.6%, #59b773 83.9%, #61ba77 87.1%, #69be7c 90.3%, #6fc180 93.5%, #75c483 96.8%, #79c686 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.93% 0.0628 165.16) 0.0%, oklch(30.77% 0.0648 164.90) 3.2%, oklch(31.79% 0.0672 164.60) 6.5%, oklch(32.97% 0.0700 164.24) 9.7%, oklch(34.28% 0.0732 163.85) 12.9%, oklch(35.72% 0.0767 163.43) 16.1%, oklch(37.25% 0.0805 162.97) 19.4%, oklch(38.86% 0.0846 162.48) 22.6%, oklch(40.54% 0.0889 161.97) 25.8%, oklch(42.26% 0.0935 161.44) 29.0%, oklch(44.00% 0.0981 160.89) 32.3%, oklch(45.74% 0.1029 160.34) 35.5%, oklch(47.48% 0.1078 159.78) 38.7%, oklch(49.18% 0.1127 159.21) 41.9%, oklch(50.82% 0.1176 158.65) 45.2%, oklch(52.40% 0.1224 158.10) 48.4%, oklch(53.91% 0.1271 157.54) 51.6%, oklch(55.47% 0.1322 156.95) 54.8%, oklch(57.11% 0.1377 156.31) 58.1%, oklch(58.79% 0.1436 155.63) 61.3%, oklch(60.49% 0.1497 154.94) 64.5%, oklch(62.21% 0.1522 154.23) 67.7%, oklch(63.92% 0.1488 153.51) 71.0%, oklch(65.60% 0.1452 152.80) 74.2%, oklch(67.24% 0.1414 152.09) 77.4%, oklch(68.82% 0.1375 151.41) 80.6%, oklch(70.32% 0.1337 150.76) 83.9%, oklch(71.72% 0.1301 150.16) 87.1%, oklch(73.01% 0.1268 149.60) 90.3%, oklch(74.16% 0.1239 149.10) 93.5%, oklch(75.16% 0.1215 148.68) 96.8%, oklch(75.98% 0.1199 148.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.09 | 165.2 |
| 2 | 0.531 | 0.16 | 157.8 |
| 3 | 0.76 | 0.12 | 148.3 |

## In these collections

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

## Other forms

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