# Emerald, deep teal and near-black color palette

The Emerald, deep teal and near-black color palette brings together green, teal, and dark gray. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is green.

- Also called: Green to black linear gradient
- Seed: `kSmElqqxtEpMHwa`
- Page: https://grabient.com/kSmElqqxtEpMHwa?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#50915f` | `oklch(59.84% 0.1006 149.77)` | Ineffable Forest | black, 5.5 to 1 |
| 2 | `#4c8e5e` | `oklch(58.89% 0.0997 151.27)` | Middle Green | black, 5.3 to 1 |
| 3 | `#468a5d` | `oklch(57.71% 0.0987 153.17)` | Onion Seedling | black, 5 to 1 |
| 4 | `#3f865c` | `oklch(56.34% 0.0976 155.39)` | Adamite Green | black, 4.7 to 1 |
| 5 | `#38825b` | `oklch(54.81% 0.0964 157.90)` | Adamite Green | white, 4.6 to 1 |
| 6 | `#2f7d5a` | `oklch(53.13% 0.0951 160.64)` | Amazon | white, 5 to 1 |
| 7 | `#267858` | `oklch(51.35% 0.0936 163.56)` | Opal Green | white, 5.3 to 1 |
| 8 | `#1b7256` | `oklch(49.48% 0.0921 166.59)` | Green Velvet | white, 5.8 to 1 |
| 9 | `#0e6c54` | `oklch(47.54% 0.0904 169.70)` | Martian Green | white, 6.3 to 1 |
| 10 | `#006652` | `oklch(45.58% 0.0877 172.81)` | Piney Lake | white, 6.9 to 1 |
| 11 | `#006050` | `oklch(43.62% 0.0816 175.90)` | Alpine Green | white, 7.5 to 1 |
| 12 | `#00594d` | `oklch(41.67% 0.0762 178.90)` | Forest Shadows | white, 8.2 to 1 |
| 13 | `#00534a` | `oklch(39.76% 0.0713 181.76)` | Green Oblivion | white, 8.9 to 1 |
| 14 | `#004e46` | `oklch(37.94% 0.0670 184.43)` | Action Green | white, 9.6 to 1 |
| 15 | `#004843` | `oklch(36.21% 0.0633 186.86)` | Tropical Forest | white, 10.4 to 1 |
| 16 | `#004340` | `oklch(34.61% 0.0600 188.98)` | Warm Black | white, 11.1 to 1 |
| 17 | `#003f3d` | `oklch(33.14% 0.0571 190.79)` | Rich Black | white, 11.8 to 1 |
| 18 | `#003b39` | `oklch(31.68% 0.0543 192.42)` | Customs Green | white, 12.5 to 1 |
| 19 | `#003636` | `oklch(30.21% 0.0516 193.91)` | Shrub Green | white, 13.2 to 1 |
| 20 | `#003232` | `oklch(28.75% 0.0490 195.28)` | Nora’s Forest | white, 13.9 to 1 |
| 21 | `#002e2f` | `oklch(27.30% 0.0465 196.53)` | Roof Tile Green | white, 14.6 to 1 |
| 22 | `#002a2b` | `oklch(25.87% 0.0440 197.67)` | Black Box | white, 15.3 to 1 |
| 23 | `#002628` | `oklch(24.48% 0.0416 198.72)` | Teal Spill | white, 16 to 1 |
| 24 | `#002324` | `oklch(23.13% 0.0393 199.66)` | Stellar Explorer | white, 16.6 to 1 |
| 25 | `#001f21` | `oklch(21.83% 0.0371 200.53)` | Stellar Explorer | white, 17.2 to 1 |
| 26 | `#001c1e` | `oklch(20.60% 0.0350 201.33)` | Black Stallion | white, 17.7 to 1 |
| 27 | `#00191b` | `oklch(19.43% 0.0331 202.06)` | Black Stallion | white, 18.1 to 1 |
| 28 | `#001618` | `oklch(18.33% 0.0312 202.64)` | Black Glaze | white, 18.5 to 1 |
| 29 | `#011416` | `oklch(17.32% 0.0281 203.17)` | Black Glaze | white, 18.9 to 1 |
| 30 | `#011113` | `oklch(16.42% 0.0252 203.72)` | Black Glaze | white, 19.2 to 1 |
| 31 | `#020f11` | `oklch(15.63% 0.0227 204.23)` | Black Glaze | white, 19.4 to 1 |
| 32 | `#020e0f` | `oklch(14.96% 0.0207 204.72)` | Dark Side of the Moon | white, 19.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #50915f 0.0%, #4c8e5e 3.2%, #468a5d 6.5%, #3f865c 9.7%, #38825b 12.9%, #2f7d5a 16.1%, #267858 19.4%, #1b7256 22.6%, #0e6c54 25.8%, #006652 29.0%, #006050 32.3%, #00594d 35.5%, #00534a 38.7%, #004e46 41.9%, #004843 45.2%, #004340 48.4%, #003f3d 51.6%, #003b39 54.8%, #003636 58.1%, #003232 61.3%, #002e2f 64.5%, #002a2b 67.7%, #002628 71.0%, #002324 74.2%, #001f21 77.4%, #001c1e 80.6%, #00191b 83.9%, #001618 87.1%, #011416 90.3%, #011113 93.5%, #020f11 96.8%, #020e0f 100.0%);
background: linear-gradient(180deg in oklch, oklch(59.84% 0.1006 149.77) 0.0%, oklch(58.89% 0.0997 151.27) 3.2%, oklch(57.71% 0.0987 153.17) 6.5%, oklch(56.34% 0.0976 155.39) 9.7%, oklch(54.81% 0.0964 157.90) 12.9%, oklch(53.13% 0.0951 160.64) 16.1%, oklch(51.35% 0.0936 163.56) 19.4%, oklch(49.48% 0.0921 166.59) 22.6%, oklch(47.54% 0.0904 169.70) 25.8%, oklch(45.58% 0.0877 172.81) 29.0%, oklch(43.62% 0.0816 175.90) 32.3%, oklch(41.67% 0.0762 178.90) 35.5%, oklch(39.76% 0.0713 181.76) 38.7%, oklch(37.94% 0.0670 184.43) 41.9%, oklch(36.21% 0.0633 186.86) 45.2%, oklch(34.61% 0.0600 188.98) 48.4%, oklch(33.14% 0.0571 190.79) 51.6%, oklch(31.68% 0.0543 192.42) 54.8%, oklch(30.21% 0.0516 193.91) 58.1%, oklch(28.75% 0.0490 195.28) 61.3%, oklch(27.30% 0.0465 196.53) 64.5%, oklch(25.87% 0.0440 197.67) 67.7%, oklch(24.48% 0.0416 198.72) 71.0%, oklch(23.13% 0.0393 199.66) 74.2%, oklch(21.83% 0.0371 200.53) 77.4%, oklch(20.60% 0.0350 201.33) 80.6%, oklch(19.43% 0.0331 202.06) 83.9%, oklch(18.33% 0.0312 202.64) 87.1%, oklch(17.32% 0.0281 203.17) 90.3%, oklch(16.42% 0.0252 203.72) 93.5%, oklch(15.63% 0.0227 204.23) 96.8%, oklch(14.96% 0.0207 204.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.101 | 149.8 |
| 2 | 0.339 | 0.074 | 189.9 |
| 3 | 0.15 | 0.021 | 204.7 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)
- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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