# Forest green and near-black black palette

The Forest green and near-black black palette brings together green, dark green, dark gray, and black. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits botanical branding and garden event graphics. Its darkest tone is black, and its lightest tone is green.

- Also called: Dark green to black radial gradient
- Seed: `kUTiFxHArAhOGQGLAsGg`
- Page: https://grabient.com/kUTiFxHArAhOGQGLAsGg?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: neutral, dark, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.5 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 | `#193727` | `oklch(30.71% 0.0455 158.91)` | Deep Fir | white, 13 to 1 |
| 2 | `#193526` | `oklch(30.20% 0.0445 159.21)` | Pumpkin Green Black | white, 13.2 to 1 |
| 3 | `#183325` | `oklch(29.55% 0.0433 159.61)` | Pumpkin Green Black | white, 13.6 to 1 |
| 4 | `#163124` | `oklch(28.77% 0.0418 160.09)` | Intense Green | white, 13.9 to 1 |
| 5 | `#152f22` | `oklch(27.90% 0.0401 160.62)` | Méi Hēi Coal | white, 14.4 to 1 |
| 6 | `#142c20` | `oklch(26.96% 0.0383 161.19)` | Guerrilla Forest | white, 14.8 to 1 |
| 7 | `#12291e` | `oklch(25.98% 0.0364 161.78)` | Deep Slate Green | white, 15.3 to 1 |
| 8 | `#11271d` | `oklch(25.00% 0.0345 162.38)` | Deep Slate Green | white, 15.8 to 1 |
| 9 | `#0f241b` | `oklch(24.04% 0.0327 162.96)` | Deep Slate Green | white, 16.2 to 1 |
| 10 | `#0e2219` | `oklch(23.13% 0.0310 163.52)` | Black Emerald | white, 16.6 to 1 |
| 11 | `#0d2018` | `oklch(22.30% 0.0294 164.03)` | Black Emerald | white, 17 to 1 |
| 12 | `#0c1e16` | `oklch(21.56% 0.0280 164.47)` | Black Emerald | white, 17.3 to 1 |
| 13 | `#0b1c15` | `oklch(20.86% 0.0267 164.82)` | Pinch of Pepper | white, 17.6 to 1 |
| 14 | `#0b1a14` | `oklch(20.18% 0.0254 165.09)` | Pinch of Pepper | white, 17.9 to 1 |
| 15 | `#0a1812` | `oklch(19.53% 0.0241 165.34)` | Pinch of Pepper | white, 18.1 to 1 |
| 16 | `#091711` | `oklch(18.89% 0.0229 165.58)` | Pinch of Pepper | white, 18.4 to 1 |
| 17 | `#081510` | `oklch(18.27% 0.0217 165.85)` | Glimpse Into Space | white, 18.6 to 1 |
| 18 | `#08140f` | `oklch(17.65% 0.0206 166.18)` | Jedi Night | white, 18.8 to 1 |
| 19 | `#07120e` | `oklch(17.03% 0.0194 166.60)` | Alpine Salamander | white, 19 to 1 |
| 20 | `#06110c` | `oklch(16.41% 0.0183 167.15)` | Alpine Salamander | white, 19.2 to 1 |
| 21 | `#060f0b` | `oklch(15.78% 0.0172 167.85)` | Alpine Salamander | white, 19.4 to 1 |
| 22 | `#050e0a` | `oklch(15.14% 0.0162 168.74)` | Alpine Salamander | white, 19.5 to 1 |
| 23 | `#050c09` | `oklch(14.44% 0.0151 169.92)` | Dark Side of the Moon | white, 19.7 to 1 |
| 24 | `#040a08` | `oklch(13.71% 0.0140 171.33)` | Reversed Grey | white, 19.9 to 1 |
| 25 | `#030907` | `oklch(12.96% 0.0129 172.93)` | Reversed Grey | white, 20 to 1 |
| 26 | `#030706` | `oklch(12.21% 0.0118 174.63)` | Black Metal | white, 20.2 to 1 |
| 27 | `#020605` | `oklch(11.47% 0.0108 176.37)` | Black Metal | white, 20.3 to 1 |
| 28 | `#020504` | `oklch(10.77% 0.0098 178.07)` | Armour Wash | white, 20.4 to 1 |
| 29 | `#020403` | `oklch(10.12% 0.0089 179.68)` | Armour Wash | white, 20.5 to 1 |
| 30 | `#010303` | `oklch(9.54% 0.0081 181.12)` | Armour Wash | white, 20.6 to 1 |
| 31 | `#010303` | `oklch(9.04% 0.0074 182.32)` | Armour Wash | white, 20.6 to 1 |
| 32 | `#010302` | `oklch(8.66% 0.0069 183.21)` | Armour Wash | white, 20.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #193727 0.0%, #193526 3.2%, #183325 6.5%, #163124 9.7%, #152f22 12.9%, #142c20 16.1%, #12291e 19.4%, #11271d 22.6%, #0f241b 25.8%, #0e2219 29.0%, #0d2018 32.3%, #0c1e16 35.5%, #0b1c15 38.7%, #0b1a14 41.9%, #0a1812 45.2%, #091711 48.4%, #081510 51.6%, #08140f 54.8%, #07120e 58.1%, #06110c 61.3%, #060f0b 64.5%, #050e0a 67.7%, #050c09 71.0%, #040a08 74.2%, #030907 77.4%, #030706 80.6%, #020605 83.9%, #020504 87.1%, #020403 90.3%, #010303 93.5%, #010303 96.8%, #010302 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(30.71% 0.0455 158.91) 0.0%, oklch(30.20% 0.0445 159.21) 3.2%, oklch(29.55% 0.0433 159.61) 6.5%, oklch(28.77% 0.0418 160.09) 9.7%, oklch(27.90% 0.0401 160.62) 12.9%, oklch(26.96% 0.0383 161.19) 16.1%, oklch(25.98% 0.0364 161.78) 19.4%, oklch(25.00% 0.0345 162.38) 22.6%, oklch(24.04% 0.0327 162.96) 25.8%, oklch(23.13% 0.0310 163.52) 29.0%, oklch(22.30% 0.0294 164.03) 32.3%, oklch(21.56% 0.0280 164.47) 35.5%, oklch(20.86% 0.0267 164.82) 38.7%, oklch(20.18% 0.0254 165.09) 41.9%, oklch(19.53% 0.0241 165.34) 45.2%, oklch(18.89% 0.0229 165.58) 48.4%, oklch(18.27% 0.0217 165.85) 51.6%, oklch(17.65% 0.0206 166.18) 54.8%, oklch(17.03% 0.0194 166.60) 58.1%, oklch(16.41% 0.0183 167.15) 61.3%, oklch(15.78% 0.0172 167.85) 64.5%, oklch(15.14% 0.0162 168.74) 67.7%, oklch(14.44% 0.0151 169.92) 71.0%, oklch(13.71% 0.0140 171.33) 74.2%, oklch(12.96% 0.0129 172.93) 77.4%, oklch(12.21% 0.0118 174.63) 80.6%, oklch(11.47% 0.0108 176.37) 83.9%, oklch(10.77% 0.0098 178.07) 87.1%, oklch(10.12% 0.0089 179.68) 90.3%, oklch(9.54% 0.0081 181.12) 93.5%, oklch(9.04% 0.0074 182.32) 96.8%, oklch(8.66% 0.0069 183.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.045 | 158.9 |
| 2 | 0.22 | 0.029 | 164.2 |
| 3 | 0.154 | 0.017 | 168.4 |
| 4 | 0.087 | 0.007 | 183.2 |

## In these collections

- [Black gradients](https://grabient.com/black-gradients)

## Other forms

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