# Near-black, deep teal and emerald color palette

This palette moves from dark green to green. It steadily lightens across a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits website sections and presentation backgrounds, especially compositions that need closely related light and dark areas.

- Also called: Monochrome black to green radial gradient
- Seed: `kSMzp3rba-8YoPs`
- Page: https://grabient.com/kSMzp3rba-8YoPs?style=radialGradient&steps=40&angle=45
- Drawn as: radial gradient, 40 steps, 45 degrees
- Kinds: dark to light, vivid, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#001c13` | `oklch(20.10% 0.0408 167.82)` | Pinch of Pepper | white, 17.8 to 1 |
| 2 | `#001d13` | `oklch(20.54% 0.0418 167.60)` | Clock Chimes Thirteen | white, 17.6 to 1 |
| 3 | `#001e14` | `oklch(21.05% 0.0430 167.33)` | Clock Chimes Thirteen | white, 17.4 to 1 |
| 4 | `#002015` | `oklch(21.62% 0.0443 167.04)` | Clock Chimes Thirteen | white, 17.2 to 1 |
| 5 | `#002216` | `oklch(22.25% 0.0458 166.71)` | Clock Chimes Thirteen | white, 16.9 to 1 |
| 6 | `#002418` | `oklch(22.93% 0.0474 166.35)` | Clock Chimes Thirteen | white, 16.6 to 1 |
| 7 | `#002619` | `oklch(23.66% 0.0491 165.96)` | Clock Chimes Thirteen | white, 16.3 to 1 |
| 8 | `#00281a` | `oklch(24.44% 0.0510 165.55)` | Deep Slate Green | white, 15.9 to 1 |
| 9 | `#002a1c` | `oklch(25.25% 0.0530 165.11)` | Nori Green | white, 15.5 to 1 |
| 10 | `#002c1d` | `oklch(26.10% 0.0551 164.66)` | Bush | white, 15.1 to 1 |
| 11 | `#002f1f` | `oklch(26.98% 0.0573 164.19)` | Bush | white, 14.7 to 1 |
| 12 | `#003120` | `oklch(27.88% 0.0597 163.71)` | Nightly Woods | white, 14.3 to 1 |
| 13 | `#003422` | `oklch(28.81% 0.0621 163.22)` | Pitch-Black Forests | white, 13.8 to 1 |
| 14 | `#003723` | `oklch(29.74% 0.0645 162.72)` | Off-Road Green | white, 13.3 to 1 |
| 15 | `#003a25` | `oklch(30.69% 0.0671 162.22)` | Off-Road Green | white, 12.9 to 1 |
| 16 | `#003c27` | `oklch(31.64% 0.0697 161.72)` | Off-Road Green | white, 12.4 to 1 |
| 17 | `#003f28` | `oklch(32.59% 0.0723 161.23)` | Angel Green | white, 12 to 1 |
| 18 | `#004229` | `oklch(33.53% 0.0750 160.73)` | Angel Green | white, 11.5 to 1 |
| 19 | `#00452b` | `oklch(34.46% 0.0777 160.25)` | Lost in the Woods | white, 11.1 to 1 |
| 20 | `#00482c` | `oklch(35.38% 0.0803 159.78)` | Alaskan Moss | white, 10.7 to 1 |
| 21 | `#004b2e` | `oklch(36.29% 0.0830 159.31)` | Troll Green | white, 10.3 to 1 |
| 22 | `#004e2f` | `oklch(37.25% 0.0859 158.83)` | Troll Green | white, 9.9 to 1 |
| 23 | `#005130` | `oklch(38.27% 0.0890 158.32)` | Card Table Green | white, 9.4 to 1 |
| 24 | `#005432` | `oklch(39.34% 0.0924 157.79)` | Permanent Green | white, 9 to 1 |
| 25 | `#005833` | `oklch(40.44% 0.0959 157.24)` | Crusoe | white, 8.6 to 1 |
| 26 | `#005b35` | `oklch(41.57% 0.0995 156.69)` | Crusoe | white, 8.2 to 1 |
| 27 | `#005f36` | `oklch(42.71% 0.1034 156.12)` | Spruce | white, 7.7 to 1 |
| 28 | `#006337` | `oklch(43.87% 0.1073 155.55)` | Ficus Elastica | white, 7.4 to 1 |
| 29 | `#006738` | `oklch(45.03% 0.1113 154.99)` | Treasured Wilderness | white, 7 to 1 |
| 30 | `#006a3a` | `oklch(46.18% 0.1155 154.43)` | Cadmium Green | white, 6.6 to 1 |
| 31 | `#006e3b` | `oklch(47.31% 0.1196 153.88)` | Dartmouth Green | white, 6.3 to 1 |
| 32 | `#00723b` | `oklch(48.41% 0.1238 153.34)` | Dartmouth Green | white, 6 to 1 |
| 33 | `#05753d` | `oklch(49.47% 0.1262 152.84)` | Succulents | white, 5.7 to 1 |
| 34 | `#167840` | `oklch(50.49% 0.1232 152.34)` | Blarney Stone | white, 5.5 to 1 |
| 35 | `#207a43` | `oklch(51.45% 0.1203 151.87)` | Woodland Soul | white, 5.3 to 1 |
| 36 | `#287d46` | `oklch(52.35% 0.1177 151.43)` | Bold Irish | white, 5.1 to 1 |
| 37 | `#2e7f48` | `oklch(53.18% 0.1153 151.03)` | Bold Irish | white, 4.9 to 1 |
| 38 | `#33814b` | `oklch(53.92% 0.1132 150.67)` | Bold Irish | white, 4.8 to 1 |
| 39 | `#38824d` | `oklch(54.57% 0.1115 150.35)` | Monster Monstera | white, 4.6 to 1 |
| 40 | `#3b844e` | `oklch(55.12% 0.1102 150.08)` | Green Grass | white, 4.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001c13 0.0%, #001d13 2.6%, #001e14 5.1%, #002015 7.7%, #002216 10.3%, #002418 12.8%, #002619 15.4%, #00281a 17.9%, #002a1c 20.5%, #002c1d 23.1%, #002f1f 25.6%, #003120 28.2%, #003422 30.8%, #003723 33.3%, #003a25 35.9%, #003c27 38.5%, #003f28 41.0%, #004229 43.6%, #00452b 46.2%, #00482c 48.7%, #004b2e 51.3%, #004e2f 53.8%, #005130 56.4%, #005432 59.0%, #005833 61.5%, #005b35 64.1%, #005f36 66.7%, #006337 69.2%, #006738 71.8%, #006a3a 74.4%, #006e3b 76.9%, #00723b 79.5%, #05753d 82.1%, #167840 84.6%, #207a43 87.2%, #287d46 89.7%, #2e7f48 92.3%, #33814b 94.9%, #38824d 97.4%, #3b844e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.10% 0.0408 167.82) 0.0%, oklch(20.54% 0.0418 167.60) 2.6%, oklch(21.05% 0.0430 167.33) 5.1%, oklch(21.62% 0.0443 167.04) 7.7%, oklch(22.25% 0.0458 166.71) 10.3%, oklch(22.93% 0.0474 166.35) 12.8%, oklch(23.66% 0.0491 165.96) 15.4%, oklch(24.44% 0.0510 165.55) 17.9%, oklch(25.25% 0.0530 165.11) 20.5%, oklch(26.10% 0.0551 164.66) 23.1%, oklch(26.98% 0.0573 164.19) 25.6%, oklch(27.88% 0.0597 163.71) 28.2%, oklch(28.81% 0.0621 163.22) 30.8%, oklch(29.74% 0.0645 162.72) 33.3%, oklch(30.69% 0.0671 162.22) 35.9%, oklch(31.64% 0.0697 161.72) 38.5%, oklch(32.59% 0.0723 161.23) 41.0%, oklch(33.53% 0.0750 160.73) 43.6%, oklch(34.46% 0.0777 160.25) 46.2%, oklch(35.38% 0.0803 159.78) 48.7%, oklch(36.29% 0.0830 159.31) 51.3%, oklch(37.25% 0.0859 158.83) 53.8%, oklch(38.27% 0.0890 158.32) 56.4%, oklch(39.34% 0.0924 157.79) 59.0%, oklch(40.44% 0.0959 157.24) 61.5%, oklch(41.57% 0.0995 156.69) 64.1%, oklch(42.71% 0.1034 156.12) 66.7%, oklch(43.87% 0.1073 155.55) 69.2%, oklch(45.03% 0.1113 154.99) 71.8%, oklch(46.18% 0.1155 154.43) 74.4%, oklch(47.31% 0.1196 153.88) 76.9%, oklch(48.41% 0.1238 153.34) 79.5%, oklch(49.47% 0.1262 152.84) 82.1%, oklch(50.49% 0.1232 152.34) 84.6%, oklch(51.45% 0.1203 151.87) 87.2%, oklch(52.35% 0.1177 151.43) 89.7%, oklch(53.18% 0.1153 151.03) 92.3%, oklch(53.92% 0.1132 150.67) 94.9%, oklch(54.57% 0.1115 150.35) 97.4%, oklch(55.12% 0.1102 150.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.08 | 168 |
| 2 | 0.358 | 0.15 | 159.6 |
| 3 | 0.551 | 0.11 | 150.1 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Dark mode UI gradients](https://grabient.com/dark-mode-ui-gradients)

## Other forms

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