# Near-black, moss and champagne heatmap palette

The Near-black, moss and champagne heatmap palette brings together dark gray, teal, green, gold, and pale orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Black, green and beige linear gradient
- Seed: `kWOQubOxa7dWjuLnnbzd5C_w`
- Page: https://grabient.com/kWOQubOxa7dWjuLnnbzd5C_w?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#141d20` | `oklch(22.44% 0.0152 217.97)` | Gluon Grey | white, 17 to 1 |
| 2 | `#162326` | `oklch(24.39% 0.0190 215.09)` | Crow Feather | white, 16.1 to 1 |
| 3 | `#182a2d` | `oklch(27.01% 0.0242 211.43)` | Black Pearl | white, 14.9 to 1 |
| 4 | `#1b3336` | `oklch(30.14% 0.0304 207.08)` | Ore Bluish Black | white, 13.4 to 1 |
| 5 | `#1d3d3f` | `oklch(33.59% 0.0372 202.13)` | Sunken Harbour | white, 11.7 to 1 |
| 6 | `#204848` | `oklch(37.19% 0.0443 196.69)` | Dancing Crocodiles | white, 10.1 to 1 |
| 7 | `#245350` | `oklch(40.77% 0.0513 190.84)` | Forbidden Forest | white, 8.6 to 1 |
| 8 | `#285d57` | `oklch(44.16% 0.0577 184.69)` | Lacrosse | white, 7.4 to 1 |
| 9 | `#2e675b` | `oklch(47.18% 0.0634 178.28)` | Galapagos Green | white, 6.5 to 1 |
| 10 | `#35705e` | `oklch(50.07% 0.0690 170.98)` | Nordic Forest | white, 5.7 to 1 |
| 11 | `#3f795f` | `oklch(52.95% 0.0748 162.79)` | Scouring Rush | white, 5 to 1 |
| 12 | `#4c825e` | `oklch(55.77% 0.0805 154.09)` | Leisure Green | black, 4.6 to 1 |
| 13 | `#5a8a5c` | `oklch(58.53% 0.0858 145.25)` | Hippie Green | black, 5.1 to 1 |
| 14 | `#6a9059` | `oklch(61.20% 0.0905 136.64)` | Irish Charm | black, 5.7 to 1 |
| 15 | `#7a9757` | `oklch(63.75% 0.0944 128.65)` | Dry Moss | black, 6.3 to 1 |
| 16 | `#899c56` | `oklch(66.17% 0.0970 121.65)` | Pine Leaves | black, 6.9 to 1 |
| 17 | `#96a158` | `oklch(68.43% 0.0983 115.90)` | Sweet Pea | black, 7.5 to 1 |
| 18 | `#a2a65b` | `oklch(70.51% 0.0982 110.94)` | Rickrack | black, 8.1 to 1 |
| 19 | `#adaa60` | `oklch(72.45% 0.0971 106.64)` | Organic Garden | black, 8.7 to 1 |
| 20 | `#b6ae65` | `oklch(74.27% 0.0950 102.92)` | Summer Moss | black, 9.2 to 1 |
| 21 | `#bfb36c` | `oklch(76.01% 0.0923 99.72)` | Golden Green | black, 9.8 to 1 |
| 22 | `#c6b773` | `oklch(77.70% 0.0891 96.99)` | Olive Marinade | black, 10.4 to 1 |
| 23 | `#cdbc7b` | `oklch(79.37% 0.0856 94.66)` | Green Citrine | black, 11 to 1 |
| 24 | `#d3c083` | `oklch(81.07% 0.0822 92.67)` | Winter Hazel | black, 11.6 to 1 |
| 25 | `#dac68c` | `oklch(82.83% 0.0784 91.11)` | Lemon Sorbet Yellow | black, 12.3 to 1 |
| 26 | `#dfcb95` | `oklch(84.70% 0.0738 90.24)` | Desert Temple | black, 13.1 to 1 |
| 27 | `#e4d2a0` | `oklch(86.59% 0.0686 89.92)` | Italian Straw | black, 13.9 to 1 |
| 28 | `#e9d8aa` | `oklch(88.45% 0.0630 90.01)` | Sidecar | black, 14.8 to 1 |
| 29 | `#eddeb4` | `oklch(90.21% 0.0576 90.33)` | Sauerkraut | black, 15.6 to 1 |
| 30 | `#f1e3bd` | `oklch(91.78% 0.0526 90.73)` | Egg Noodle | black, 16.4 to 1 |
| 31 | `#f4e8c4` | `oklch(93.10% 0.0485 91.06)` | Pipitschah | black, 17.1 to 1 |
| 32 | `#f7ebca` | `oklch(94.09% 0.0455 91.16)` | Shiny Silk | black, 17.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #141d20 0.0%, #162326 3.2%, #182a2d 6.5%, #1b3336 9.7%, #1d3d3f 12.9%, #204848 16.1%, #245350 19.4%, #285d57 22.6%, #2e675b 25.8%, #35705e 29.0%, #3f795f 32.3%, #4c825e 35.5%, #5a8a5c 38.7%, #6a9059 41.9%, #7a9757 45.2%, #899c56 48.4%, #96a158 51.6%, #a2a65b 54.8%, #adaa60 58.1%, #b6ae65 61.3%, #bfb36c 64.5%, #c6b773 67.7%, #cdbc7b 71.0%, #d3c083 74.2%, #dac68c 77.4%, #dfcb95 80.6%, #e4d2a0 83.9%, #e9d8aa 87.1%, #eddeb4 90.3%, #f1e3bd 93.5%, #f4e8c4 96.8%, #f7ebca 100.0%);
background: linear-gradient(90deg in oklch, oklch(22.44% 0.0152 217.97) 0.0%, oklch(24.39% 0.0190 215.09) 3.2%, oklch(27.01% 0.0242 211.43) 6.5%, oklch(30.14% 0.0304 207.08) 9.7%, oklch(33.59% 0.0372 202.13) 12.9%, oklch(37.19% 0.0443 196.69) 16.1%, oklch(40.77% 0.0513 190.84) 19.4%, oklch(44.16% 0.0577 184.69) 22.6%, oklch(47.18% 0.0634 178.28) 25.8%, oklch(50.07% 0.0690 170.98) 29.0%, oklch(52.95% 0.0748 162.79) 32.3%, oklch(55.77% 0.0805 154.09) 35.5%, oklch(58.53% 0.0858 145.25) 38.7%, oklch(61.20% 0.0905 136.64) 41.9%, oklch(63.75% 0.0944 128.65) 45.2%, oklch(66.17% 0.0970 121.65) 48.4%, oklch(68.43% 0.0983 115.90) 51.6%, oklch(70.51% 0.0982 110.94) 54.8%, oklch(72.45% 0.0971 106.64) 58.1%, oklch(74.27% 0.0950 102.92) 61.3%, oklch(76.01% 0.0923 99.72) 64.5%, oklch(77.70% 0.0891 96.99) 67.7%, oklch(79.37% 0.0856 94.66) 71.0%, oklch(81.07% 0.0822 92.67) 74.2%, oklch(82.83% 0.0784 91.11) 77.4%, oklch(84.70% 0.0738 90.24) 80.6%, oklch(86.59% 0.0686 89.92) 83.9%, oklch(88.45% 0.0630 90.01) 87.1%, oklch(90.21% 0.0576 90.33) 90.3%, oklch(91.78% 0.0526 90.73) 93.5%, oklch(93.10% 0.0485 91.06) 96.8%, oklch(94.09% 0.0455 91.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.015 | 218 |
| 2 | 0.465 | 0.062 | 179.9 |
| 3 | 0.673 | 0.098 | 118.6 |
| 4 | 0.815 | 0.081 | 92.2 |
| 5 | 0.941 | 0.045 | 91.2 |

## In these collections

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

## Other forms

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