# Deep teal and emerald green palette

The Deep teal and emerald green palette brings together green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Vivid monochrome green linear swatches
- Seed: `kSjlZ0WT2-25Mv4`
- Page: https://grabient.com/kSjlZ0WT2-25Mv4?style=linearSwatches&steps=5&angle=210
- Drawn as: linear swatches, 5 steps, 210 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#0a8960` | `oklch(55.91% 0.1185 163.12)` | Absinthe Turquoise | black, 4.7 to 1 |
| 2 | `#0b9f65` | `oklch(61.96% 0.1414 158.57)` | Shamrock | black, 6.1 to 1 |
| 3 | `#22bc6b` | `oklch(70.08% 0.1695 153.61)` | Welsh Onion | black, 8.4 to 1 |
| 4 | `#38dd78` | `oklch(79.23% 0.1933 151.43)` | Shivering Green | black, 11.7 to 1 |
| 5 | `#48f885` | `oklch(86.61% 0.2108 150.44)` | Wintergreen | black, 15 to 1 |

## CSS

```css
background: linear-gradient(210deg, #0a8960 0.000% 20.000%, #0b9f65 20.000% 40.000%, #22bc6b 40.000% 60.000%, #38dd78 60.000% 80.000%, #48f885 80.000% 100.000%);
background: linear-gradient(210deg, oklch(55.91% 0.1185 163.12) 0.000% 20.000%, oklch(61.96% 0.1414 158.57) 20.000% 40.000%, oklch(70.08% 0.1695 153.61) 40.000% 60.000%, oklch(79.23% 0.1933 151.43) 60.000% 80.000%, oklch(86.61% 0.2108 150.44) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.119 | 163.1 |
| 2 | 0.701 | 0.169 | 153.6 |
| 3 | 0.866 | 0.211 | 150.4 |

## In these collections

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

## Other forms

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