# Teal and forest green monochrome green palette

The Teal and forest green monochrome green palette brings together green. 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 lightest and darkest tones both fall within the green color family.

- Also called: Vivid analogous teal to dark green linear gradient
- Seed: `kSvGZ3yLo_LMrvy`
- Page: https://grabient.com/kSvGZ3yLo_LMrvy?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#2bc79a` | `oklch(74.02% 0.1406 168.05)` | Jadeite | black, 9.6 to 1 |
| 2 | `#26c597` | `oklch(73.40% 0.1414 167.82)` | Píng Gǔo Lǜ Green | black, 9.4 to 1 |
| 3 | `#1ec295` | `oklch(72.66% 0.1425 167.54)` | Blarney | black, 9.2 to 1 |
| 4 | `#13c091` | `oklch(71.80% 0.1440 167.22)` | Blarney | black, 8.9 to 1 |
| 5 | `#00bd8d` | `oklch(70.85% 0.1455 166.86)` | Slime Girl | black, 8.6 to 1 |
| 6 | `#00b98a` | `oklch(69.81% 0.1440 166.47)` | Slime Girl | black, 8.3 to 1 |
| 7 | `#00b686` | `oklch(68.70% 0.1425 166.05)` | Dark Mountain Meadow | black, 7.9 to 1 |
| 8 | `#00b182` | `oklch(67.52% 0.1408 165.61)` | Dark Mountain Meadow | black, 7.6 to 1 |
| 9 | `#00ad7e` | `oklch(66.30% 0.1391 165.15)` | Bright Camouflage | black, 7.2 to 1 |
| 10 | `#00a97a` | `oklch(65.05% 0.1373 164.68)` | Dragon Scale | black, 6.9 to 1 |
| 11 | `#00a575` | `oklch(63.78% 0.1355 164.21)` | Bluish Green | black, 6.6 to 1 |
| 12 | `#00a071` | `oklch(62.51% 0.1337 163.73)` | Hassan II Mosque | black, 6.2 to 1 |
| 13 | `#009c6d` | `oklch(61.25% 0.1319 163.25)` | Jitterbug Jade | black, 5.9 to 1 |
| 14 | `#009869` | `oklch(60.00% 0.1301 162.79)` | Green Cyan | black, 5.6 to 1 |
| 15 | `#009465` | `oklch(58.80% 0.1283 162.34)` | Emerald Lake | black, 5.3 to 1 |
| 16 | `#009062` | `oklch(57.64% 0.1266 161.90)` | Emerald Lake | black, 5.1 to 1 |
| 17 | `#008c5e` | `oklch(56.53% 0.1249 161.49)` | Chagall Green | black, 4.9 to 1 |
| 18 | `#00885b` | `oklch(55.38% 0.1232 161.05)` | Vital Green | black, 4.6 to 1 |
| 19 | `#008457` | `oklch(54.17% 0.1214 160.60)` | Dark Emerald | white, 4.7 to 1 |
| 20 | `#008053` | `oklch(52.93% 0.1195 160.14)` | Picture Book Green | white, 4.9 to 1 |
| 21 | `#007c4f` | `oklch(51.67% 0.1175 159.66)` | Salem | white, 5.2 to 1 |
| 22 | `#00784c` | `oklch(50.40% 0.1155 159.18)` | Gnarls Green | white, 5.5 to 1 |
| 23 | `#007448` | `oklch(49.13% 0.1135 158.71)` | Gnarls Green | white, 5.8 to 1 |
| 24 | `#007044` | `oklch(47.88% 0.1115 158.24)` | Diisha Green | white, 6.2 to 1 |
| 25 | `#006c41` | `oklch(46.66% 0.1096 157.78)` | Rainforest Retreat | white, 6.5 to 1 |
| 26 | `#00683e` | `oklch(45.48% 0.1076 157.34)` | Celtic Clover | white, 6.9 to 1 |
| 27 | `#00643b` | `oklch(44.37% 0.1058 156.92)` | Fun Green | white, 7.2 to 1 |
| 28 | `#006138` | `oklch(43.33% 0.1041 156.53)` | Spruce | white, 7.5 to 1 |
| 29 | `#005e35` | `oklch(42.37% 0.1025 156.17)` | Spruce | white, 7.9 to 1 |
| 30 | `#005b33` | `oklch(41.52% 0.1010 155.84)` | Crusoe | white, 8.2 to 1 |
| 31 | `#005931` | `oklch(40.78% 0.0997 155.56)` | Crusoe | white, 8.4 to 1 |
| 32 | `#005730` | `oklch(40.16% 0.0987 155.33)` | Caliban Green | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2bc79a 0.0%, #26c597 3.2%, #1ec295 6.5%, #13c091 9.7%, #00bd8d 12.9%, #00b98a 16.1%, #00b686 19.4%, #00b182 22.6%, #00ad7e 25.8%, #00a97a 29.0%, #00a575 32.3%, #00a071 35.5%, #009c6d 38.7%, #009869 41.9%, #009465 45.2%, #009062 48.4%, #008c5e 51.6%, #00885b 54.8%, #008457 58.1%, #008053 61.3%, #007c4f 64.5%, #00784c 67.7%, #007448 71.0%, #007044 74.2%, #006c41 77.4%, #00683e 80.6%, #00643b 83.9%, #006138 87.1%, #005e35 90.3%, #005b33 93.5%, #005931 96.8%, #005730 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.02% 0.1406 168.05) 0.0%, oklch(73.40% 0.1414 167.82) 3.2%, oklch(72.66% 0.1425 167.54) 6.5%, oklch(71.80% 0.1440 167.22) 9.7%, oklch(70.85% 0.1455 166.86) 12.9%, oklch(69.81% 0.1440 166.47) 16.1%, oklch(68.70% 0.1425 166.05) 19.4%, oklch(67.52% 0.1408 165.61) 22.6%, oklch(66.30% 0.1391 165.15) 25.8%, oklch(65.05% 0.1373 164.68) 29.0%, oklch(63.78% 0.1355 164.21) 32.3%, oklch(62.51% 0.1337 163.73) 35.5%, oklch(61.25% 0.1319 163.25) 38.7%, oklch(60.00% 0.1301 162.79) 41.9%, oklch(58.80% 0.1283 162.34) 45.2%, oklch(57.64% 0.1266 161.90) 48.4%, oklch(56.53% 0.1249 161.49) 51.6%, oklch(55.38% 0.1232 161.05) 54.8%, oklch(54.17% 0.1214 160.60) 58.1%, oklch(52.93% 0.1195 160.14) 61.3%, oklch(51.67% 0.1175 159.66) 64.5%, oklch(50.40% 0.1155 159.18) 67.7%, oklch(49.13% 0.1135 158.71) 71.0%, oklch(47.88% 0.1115 158.24) 74.2%, oklch(46.66% 0.1096 157.78) 77.4%, oklch(45.48% 0.1076 157.34) 80.6%, oklch(44.37% 0.1058 156.92) 83.9%, oklch(43.33% 0.1041 156.53) 87.1%, oklch(42.37% 0.1025 156.17) 90.3%, oklch(41.52% 0.1010 155.84) 93.5%, oklch(40.78% 0.0997 155.56) 96.8%, oklch(40.16% 0.0987 155.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.141 | 168 |
| 2 | 0.571 | 0.16 | 161.7 |
| 3 | 0.402 | 0.12 | 155.4 |

## In these collections

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

## Other forms

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