# Near-black and forest green sequential data palette

This palette moves from dark green through green and light green to off-white. It steadily lightens across a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards, especially compositions that need both a dark base and a pale area around its stronger color.

- Also called: Dark green, green and light blue radial gradient
- Seed: `kWOCRpNahAU66QFnJMBegfAI`
- Page: https://grabient.com/kWOCRpNahAU66QFnJMBegfAI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 15.3 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 | `#08210c` | `oklch(22.05% 0.0496 147.66)` | Clock Chimes Thirteen | white, 17 to 1 |
| 2 | `#08250f` | `oklch(23.66% 0.0545 147.91)` | Nightmare | white, 16.3 to 1 |
| 3 | `#092b12` | `oklch(25.81% 0.0612 148.25)` | Nori Green | white, 15.3 to 1 |
| 4 | `#0a3315` | `oklch(28.38% 0.0692 148.65)` | Dark Serpent | white, 14 to 1 |
| 5 | `#0b3b19` | `oklch(31.22% 0.0779 149.10)` | Melancholia | white, 12.6 to 1 |
| 6 | `#0b441e` | `oklch(34.21% 0.0871 149.57)` | Deep Pond | white, 11.2 to 1 |
| 7 | `#0a4e23` | `oklch(37.22% 0.0961 150.05)` | Lemon Balm Green | white, 9.9 to 1 |
| 8 | `#085728` | `oklch(40.11% 0.1045 150.51)` | Caliban Green | white, 8.7 to 1 |
| 9 | `#07602d` | `oklch(42.77% 0.1121 150.93)` | Ficus Elastica | white, 7.7 to 1 |
| 10 | `#026831` | `oklch(45.33% 0.1201 151.34)` | Treasured Wilderness | white, 6.9 to 1 |
| 11 | `#007136` | `oklch(47.89% 0.1267 151.73)` | Column of Oak Green | white, 6.1 to 1 |
| 12 | `#00793c` | `oklch(50.43% 0.1323 152.14)` | Jordan Jazz | white, 5.5 to 1 |
| 13 | `#008142` | `oklch(52.97% 0.1377 152.55)` | Jungle Green | white, 4.9 to 1 |
| 14 | `#008a48` | `oklch(55.51% 0.1430 152.96)` | Real Turquoise | black, 4.7 to 1 |
| 15 | `#00934e` | `oklch(58.03% 0.1483 153.37)` | Paperboy’s Lawn | black, 5.2 to 1 |
| 16 | `#009b54` | `oklch(60.56% 0.1534 153.78)` | Fern Green | black, 5.8 to 1 |
| 17 | `#00a45b` | `oklch(63.08% 0.1585 154.19)` | Full Energy | black, 6.4 to 1 |
| 18 | `#1eac64` | `oklch(65.64% 0.1555 154.63)` | Go Green! | black, 7.1 to 1 |
| 19 | `#34b36f` | `oklch(68.22% 0.1495 155.06)` | Medium Sea Green | black, 7.8 to 1 |
| 20 | `#46ba7a` | `oklch(70.79% 0.1416 155.49)` | Ceramic Green | black, 8.6 to 1 |
| 21 | `#58c185` | `oklch(73.34% 0.1325 155.91)` | Spearmint Burst | black, 9.3 to 1 |
| 22 | `#68c890` | `oklch(75.83% 0.1226 156.32)` | Green Gala | black, 10.2 to 1 |
| 23 | `#77ce9b` | `oklch(78.24% 0.1125 156.72)` | Jocose Jade | black, 11 to 1 |
| 24 | `#85d4a5` | `oklch(80.55% 0.1029 157.08)` | Pharaoh’s Jade | black, 11.9 to 1 |
| 25 | `#92d9af` | `oklch(82.78% 0.0933 157.42)` | Peaceful Pastures | black, 12.8 to 1 |
| 26 | `#a0dfb9` | `oklch(85.07% 0.0824 157.76)` | Bright Sea Green | black, 13.7 to 1 |
| 27 | `#afe4c4` | `oklch(87.34% 0.0705 158.08)` | Coastal Foam | black, 14.7 to 1 |
| 28 | `#bde9ce` | `oklch(89.52% 0.0584 158.39)` | Woolly Mint | black, 15.6 to 1 |
| 29 | `#caedd8` | `oklch(91.56% 0.0467 158.66)` | Jade Palace | black, 16.6 to 1 |
| 30 | `#d6f1e0` | `oklch(93.37% 0.0361 158.91)` | Green Brocade | black, 17.5 to 1 |
| 31 | `#e0f4e8` | `oklch(94.90% 0.0272 159.12)` | Particle Cannon | black, 18.2 to 1 |
| 32 | `#e7f7ed` | `oklch(96.06% 0.0207 159.28)` | Soft Mint | black, 18.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #08210c 0.0%, #08250f 3.2%, #092b12 6.5%, #0a3315 9.7%, #0b3b19 12.9%, #0b441e 16.1%, #0a4e23 19.4%, #085728 22.6%, #07602d 25.8%, #026831 29.0%, #007136 32.3%, #00793c 35.5%, #008142 38.7%, #008a48 41.9%, #00934e 45.2%, #009b54 48.4%, #00a45b 51.6%, #1eac64 54.8%, #34b36f 58.1%, #46ba7a 61.3%, #58c185 64.5%, #68c890 67.7%, #77ce9b 71.0%, #85d4a5 74.2%, #92d9af 77.4%, #a0dfb9 80.6%, #afe4c4 83.9%, #bde9ce 87.1%, #caedd8 90.3%, #d6f1e0 93.5%, #e0f4e8 96.8%, #e7f7ed 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.05% 0.0496 147.66) 0.0%, oklch(23.66% 0.0545 147.91) 3.2%, oklch(25.81% 0.0612 148.25) 6.5%, oklch(28.38% 0.0692 148.65) 9.7%, oklch(31.22% 0.0779 149.10) 12.9%, oklch(34.21% 0.0871 149.57) 16.1%, oklch(37.22% 0.0961 150.05) 19.4%, oklch(40.11% 0.1045 150.51) 22.6%, oklch(42.77% 0.1121 150.93) 25.8%, oklch(45.33% 0.1201 151.34) 29.0%, oklch(47.89% 0.1267 151.73) 32.3%, oklch(50.43% 0.1323 152.14) 35.5%, oklch(52.97% 0.1377 152.55) 38.7%, oklch(55.51% 0.1430 152.96) 41.9%, oklch(58.03% 0.1483 153.37) 45.2%, oklch(60.56% 0.1534 153.78) 48.4%, oklch(63.08% 0.1585 154.19) 51.6%, oklch(65.64% 0.1555 154.63) 54.8%, oklch(68.22% 0.1495 155.06) 58.1%, oklch(70.79% 0.1416 155.49) 61.3%, oklch(73.34% 0.1325 155.91) 64.5%, oklch(75.83% 0.1226 156.32) 67.7%, oklch(78.24% 0.1125 156.72) 71.0%, oklch(80.55% 0.1029 157.08) 74.2%, oklch(82.78% 0.0933 157.42) 77.4%, oklch(85.07% 0.0824 157.76) 80.6%, oklch(87.34% 0.0705 158.08) 83.9%, oklch(89.52% 0.0584 158.39) 87.1%, oklch(91.56% 0.0467 158.66) 90.3%, oklch(93.37% 0.0361 158.91) 93.5%, oklch(94.90% 0.0272 159.12) 96.8%, oklch(96.06% 0.0207 159.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.05 | 147.7 |
| 2 | 0.421 | 0.11 | 150.8 |
| 3 | 0.618 | 0.16 | 154 |
| 4 | 0.811 | 0.101 | 157.2 |
| 5 | 0.961 | 0.021 | 159.3 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)

## Other forms

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