# Near-black and forest green heatmap palette

The Near-black and forest green heatmap palette brings together dark green, green, and pale green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark green, and its lightest tone is pale green.

- Also called: Dark green, green and light green angular gradient
- Seed: `kSMzNqxkG__UZv-`
- Page: https://grabient.com/kSMzNqxkG__UZv-?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 14.4 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 | `#001d07` | `oklch(20.10% 0.0560 149.50)` | Clock Chimes Thirteen | white, 17.8 to 1 |
| 2 | `#002009` | `oklch(21.37% 0.0595 149.55)` | Clock Chimes Thirteen | white, 17.3 to 1 |
| 3 | `#00240b` | `oklch(22.89% 0.0637 149.59)` | Clock Chimes Thirteen | white, 16.6 to 1 |
| 4 | `#00290d` | `oklch(24.64% 0.0685 149.62)` | Zia Olive | white, 15.8 to 1 |
| 5 | `#002f10` | `oklch(26.60% 0.0739 149.65)` | Prasinophobia | white, 14.8 to 1 |
| 6 | `#003513` | `oklch(28.73% 0.0797 149.68)` | Haunted Hills | white, 13.8 to 1 |
| 7 | `#003c16` | `oklch(31.01% 0.0860 149.69)` | Melancholia | white, 12.7 to 1 |
| 8 | `#00431a` | `oklch(33.42% 0.0927 149.71)` | Deep Pond | white, 11.5 to 1 |
| 9 | `#004b1e` | `oklch(35.93% 0.0996 149.72)` | Pine Green | white, 10.4 to 1 |
| 10 | `#005322` | `oklch(38.50% 0.1067 149.73)` | O Tannenbaum | white, 9.3 to 1 |
| 11 | `#005b26` | `oklch(41.12% 0.1140 149.73)` | Sombre Green | white, 8.3 to 1 |
| 12 | `#00632a` | `oklch(43.76% 0.1213 149.74)` | Woodland Wonder | white, 7.4 to 1 |
| 13 | `#006c2e` | `oklch(46.39% 0.1285 149.74)` | Ireland Green | white, 6.6 to 1 |
| 14 | `#007432` | `oklch(48.98% 0.1357 149.75)` | Clear Green | white, 5.8 to 1 |
| 15 | `#007d36` | `oklch(51.50% 0.1427 149.75)` | Verdant Vale | white, 5.2 to 1 |
| 16 | `#00853b` | `oklch(53.94% 0.1494 149.75)` | Philippine Green | white, 4.7 to 1 |
| 17 | `#008d3f` | `oklch(56.30% 0.1560 149.75)` | Cold Green | black, 4.8 to 1 |
| 18 | `#009643` | `oklch(58.78% 0.1628 149.76)` | Green Revolution | black, 5.4 to 1 |
| 19 | `#009f47` | `oklch(61.38% 0.1700 149.76)` | Link Green | black, 6 to 1 |
| 20 | `#1ea750` | `oklch(64.07% 0.1684 149.77)` | Liberty Green | black, 6.7 to 1 |
| 21 | `#35af5c` | `oklch(66.83% 0.1613 149.77)` | Island Green | black, 7.4 to 1 |
| 22 | `#49b767` | `oklch(69.61% 0.1532 149.77)` | Samphire Green | black, 8.2 to 1 |
| 23 | `#5abf73` | `oklch(72.39% 0.1442 149.77)` | Acid Sleazebag | black, 9 to 1 |
| 24 | `#6ac67f` | `oklch(75.13% 0.1347 149.77)` | Soft Green | black, 9.9 to 1 |
| 25 | `#79cd8b` | `oklch(77.82% 0.1249 149.77)` | Serengeti Green | black, 10.9 to 1 |
| 26 | `#87d497` | `oklch(80.40% 0.1151 149.77)` | Enchanted Emerald | black, 11.9 to 1 |
| 27 | `#95daa2` | `oklch(82.86% 0.1054 149.77)` | Mother of Pearl Green | black, 12.8 to 1 |
| 28 | `#a1e0ad` | `oklch(85.16% 0.0963 149.77)` | Overtone | black, 13.8 to 1 |
| 29 | `#ace6b7` | `oklch(87.26% 0.0880 149.77)` | Overtone | black, 14.7 to 1 |
| 30 | `#b6ebbf` | `oklch(89.15% 0.0807 149.77)` | Slime Lime | black, 15.6 to 1 |
| 31 | `#beefc7` | `oklch(90.78% 0.0747 149.77)` | Peasful Mint | black, 16.3 to 1 |
| 32 | `#c5f3cc` | `oklch(92.13% 0.0703 149.77)` | Mint Gloss | black, 17 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #001d07 0.0%, #002009 3.2%, #00240b 6.5%, #00290d 9.7%, #002f10 12.9%, #003513 16.1%, #003c16 19.4%, #00431a 22.6%, #004b1e 25.8%, #005322 29.0%, #005b26 32.3%, #00632a 35.5%, #006c2e 38.7%, #007432 41.9%, #007d36 45.2%, #00853b 48.4%, #008d3f 51.6%, #009643 54.8%, #009f47 58.1%, #1ea750 61.3%, #35af5c 64.5%, #49b767 67.7%, #5abf73 71.0%, #6ac67f 74.2%, #79cd8b 77.4%, #87d497 80.6%, #95daa2 83.9%, #a1e0ad 87.1%, #ace6b7 90.3%, #b6ebbf 93.5%, #beefc7 96.8%, #c5f3cc 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(20.10% 0.0560 149.50) 0.0%, oklch(21.37% 0.0595 149.55) 3.2%, oklch(22.89% 0.0637 149.59) 6.5%, oklch(24.64% 0.0685 149.62) 9.7%, oklch(26.60% 0.0739 149.65) 12.9%, oklch(28.73% 0.0797 149.68) 16.1%, oklch(31.01% 0.0860 149.69) 19.4%, oklch(33.42% 0.0927 149.71) 22.6%, oklch(35.93% 0.0996 149.72) 25.8%, oklch(38.50% 0.1067 149.73) 29.0%, oklch(41.12% 0.1140 149.73) 32.3%, oklch(43.76% 0.1213 149.74) 35.5%, oklch(46.39% 0.1285 149.74) 38.7%, oklch(48.98% 0.1357 149.75) 41.9%, oklch(51.50% 0.1427 149.75) 45.2%, oklch(53.94% 0.1494 149.75) 48.4%, oklch(56.30% 0.1560 149.75) 51.6%, oklch(58.78% 0.1628 149.76) 54.8%, oklch(61.38% 0.1700 149.76) 58.1%, oklch(64.07% 0.1684 149.77) 61.3%, oklch(66.83% 0.1613 149.77) 64.5%, oklch(69.61% 0.1532 149.77) 67.7%, oklch(72.39% 0.1442 149.77) 71.0%, oklch(75.13% 0.1347 149.77) 74.2%, oklch(77.82% 0.1249 149.77) 77.4%, oklch(80.40% 0.1151 149.77) 80.6%, oklch(82.86% 0.1054 149.77) 83.9%, oklch(85.16% 0.0963 149.77) 87.1%, oklch(87.26% 0.0880 149.77) 90.3%, oklch(89.15% 0.0807 149.77) 93.5%, oklch(90.78% 0.0747 149.77) 96.8%, oklch(92.13% 0.0703 149.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.07 | 149.8 |
| 2 | 0.551 | 0.181 | 149.8 |
| 3 | 0.921 | 0.07 | 149.8 |

## In these collections

- [Heatmap gradients](https://grabient.com/heatmap-gradients)

## Other forms

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