# Near-black, moss and ochre color palette

The Near-black, moss and ochre color palette brings together dark green, green, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark green, and its lightest tone is gold.

- Also called: Analogous black, green and tan linear gradient
- Seed: `kWLxJqOCA_U-qvdYqDvaipAI`
- Page: https://grabient.com/kWLxJqOCA_U-qvdYqDvaipAI?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.1 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 | `#0b160d` | `oklch(18.50% 0.0248 149.06)` | Pinch of Pepper | white, 18.5 to 1 |
| 2 | `#0d1b10` | `oklch(20.60% 0.0301 148.73)` | Pinch of Pepper | white, 17.7 to 1 |
| 3 | `#112314` | `oklch(23.47% 0.0375 148.39)` | Nightmare | white, 16.5 to 1 |
| 4 | `#152c19` | `oklch(26.87% 0.0463 147.98)` | Bush | white, 14.8 to 1 |
| 5 | `#1a371e` | `oklch(30.62% 0.0559 147.47)` | Deep Fir | white, 13 to 1 |
| 6 | `#204224` | `oklch(34.50% 0.0657 146.80)` | Myrtle | white, 11.2 to 1 |
| 7 | `#264e2a` | `oklch(38.29% 0.0750 145.93)` | Cal Poly Pomona Green | white, 9.5 to 1 |
| 8 | `#2d582f` | `oklch(41.79% 0.0831 144.81)` | Pine | white, 8.2 to 1 |
| 9 | `#346132` | `oklch(44.80% 0.0897 143.40)` | Deep Into the Wood | white, 7.2 to 1 |
| 10 | `#3b6a36` | `oklch(47.61% 0.0952 141.79)` | Arcala Green | white, 6.3 to 1 |
| 11 | `#437239` | `oklch(50.33% 0.1002 140.00)` | Druid Green | white, 5.6 to 1 |
| 12 | `#4c7a3b` | `oklch(52.94% 0.1046 138.00)` | Nereus | white, 5 to 1 |
| 13 | `#55813e` | `oklch(55.41% 0.1084 135.78)` | Hot Pepper Green | black, 4.5 to 1 |
| 14 | `#5e873f` | `oklch(57.72% 0.1117 133.31)` | Shepherd’s Green | black, 5 to 1 |
| 15 | `#688d40` | `oklch(59.84% 0.1143 130.55)` | Makrut Lime | black, 5.4 to 1 |
| 16 | `#729240` | `oklch(61.74% 0.1163 127.47)` | Fresh Herb | black, 5.9 to 1 |
| 17 | `#7b9640` | `oklch(63.36% 0.1177 123.97)` | Antique Moss | black, 6.2 to 1 |
| 18 | `#85983e` | `oklch(64.59% 0.1179 119.57)` | Café de Paris | black, 6.5 to 1 |
| 19 | `#8f993c` | `oklch(65.49% 0.1171 114.51)` | Appletini | black, 6.7 to 1 |
| 20 | `#98983b` | `oklch(66.20% 0.1158 109.14)` | Split Pea | black, 6.9 to 1 |
| 21 | `#a1983b` | `oklch(66.82% 0.1141 103.81)` | Be Yourself | black, 7 to 1 |
| 22 | `#a8973d` | `oklch(67.48% 0.1124 98.87)` | Prickly Pear | black, 7.1 to 1 |
| 23 | `#af9840` | `oklch(68.29% 0.1110 94.65)` | Mana | black, 7.3 to 1 |
| 24 | `#b59a43` | `oklch(69.36% 0.1103 91.52)` | Husk | black, 7.6 to 1 |
| 25 | `#bc9d48` | `oklch(70.81% 0.1103 89.69)` | Underbrush | black, 8 to 1 |
| 26 | `#c3a34e` | `oklch(72.62% 0.1108 88.96)` | Creed | black, 8.6 to 1 |
| 27 | `#c9a953` | `oklch(74.64% 0.1115 89.05)` | Glorious Gold | black, 9.2 to 1 |
| 28 | `#d0b059` | `oklch(76.75% 0.1124 89.71)` | Tanami Desert | black, 10 to 1 |
| 29 | `#d5b75f` | `oklch(78.83% 0.1134 90.69)` | Luxurious | black, 10.7 to 1 |
| 30 | `#dbbe64` | `oklch(80.72% 0.1144 91.75)` | Termite Beige | black, 11.5 to 1 |
| 31 | `#dfc369` | `oklch(82.31% 0.1152 92.62)` | California Dreaming | black, 12.1 to 1 |
| 32 | `#e3c76c` | `oklch(83.46% 0.1157 93.05)` | Dijon Mustard | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0b160d 0.0%, #0d1b10 3.2%, #112314 6.5%, #152c19 9.7%, #1a371e 12.9%, #204224 16.1%, #264e2a 19.4%, #2d582f 22.6%, #346132 25.8%, #3b6a36 29.0%, #437239 32.3%, #4c7a3b 35.5%, #55813e 38.7%, #5e873f 41.9%, #688d40 45.2%, #729240 48.4%, #7b9640 51.6%, #85983e 54.8%, #8f993c 58.1%, #98983b 61.3%, #a1983b 64.5%, #a8973d 67.7%, #af9840 71.0%, #b59a43 74.2%, #bc9d48 77.4%, #c3a34e 80.6%, #c9a953 83.9%, #d0b059 87.1%, #d5b75f 90.3%, #dbbe64 93.5%, #dfc369 96.8%, #e3c76c 100.0%);
background: linear-gradient(90deg in oklch, oklch(18.50% 0.0248 149.06) 0.0%, oklch(20.60% 0.0301 148.73) 3.2%, oklch(23.47% 0.0375 148.39) 6.5%, oklch(26.87% 0.0463 147.98) 9.7%, oklch(30.62% 0.0559 147.47) 12.9%, oklch(34.50% 0.0657 146.80) 16.1%, oklch(38.29% 0.0750 145.93) 19.4%, oklch(41.79% 0.0831 144.81) 22.6%, oklch(44.80% 0.0897 143.40) 25.8%, oklch(47.61% 0.0952 141.79) 29.0%, oklch(50.33% 0.1002 140.00) 32.3%, oklch(52.94% 0.1046 138.00) 35.5%, oklch(55.41% 0.1084 135.78) 38.7%, oklch(57.72% 0.1117 133.31) 41.9%, oklch(59.84% 0.1143 130.55) 45.2%, oklch(61.74% 0.1163 127.47) 48.4%, oklch(63.36% 0.1177 123.97) 51.6%, oklch(64.59% 0.1179 119.57) 54.8%, oklch(65.49% 0.1171 114.51) 58.1%, oklch(66.20% 0.1158 109.14) 61.3%, oklch(66.82% 0.1141 103.81) 64.5%, oklch(67.48% 0.1124 98.87) 67.7%, oklch(68.29% 0.1110 94.65) 71.0%, oklch(69.36% 0.1103 91.52) 74.2%, oklch(70.81% 0.1103 89.69) 77.4%, oklch(72.62% 0.1108 88.96) 80.6%, oklch(74.64% 0.1115 89.05) 83.9%, oklch(76.75% 0.1124 89.71) 87.1%, oklch(78.83% 0.1134 90.69) 90.3%, oklch(80.72% 0.1144 91.75) 93.5%, oklch(82.31% 0.1152 92.62) 96.8%, oklch(83.46% 0.1157 93.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.025 | 149.1 |
| 2 | 0.441 | 0.088 | 143.8 |
| 3 | 0.626 | 0.117 | 125.8 |
| 4 | 0.697 | 0.11 | 90.9 |
| 5 | 0.835 | 0.116 | 93.1 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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