# Near-black, mustard and charcoal color palette

The Near-black, mustard and charcoal color palette brings together dark gray, green, and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is yellow.

- Also called: Analogous black, olive and brown linear gradient
- Seed: `kWOQB5MRI6kigvpRnr5pwTC4`
- Page: https://grabient.com/kWOQB5MRI6kigvpRnr5pwTC4?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#1c1c1c` | `oklch(22.44% 0.0000 89.88)` | Coco’s Black | white, 17.1 to 1 |
| 2 | `#1d1f1e` | `oklch(23.72% 0.0040 166.27)` | Satin Deep Black | white, 16.5 to 1 |
| 3 | `#1f2421` | `oklch(25.40% 0.0095 160.82)` | Shadow Warrior | white, 15.7 to 1 |
| 4 | `#212a24` | `oklch(27.41% 0.0160 154.32)` | Bitter Liquorice | white, 14.7 to 1 |
| 5 | `#253026` | `oklch(29.64% 0.0232 147.27)` | Quartzite | white, 13.6 to 1 |
| 6 | `#2b3728` | `oklch(32.02% 0.0307 140.19)` | Aimiru Brown | white, 12.5 to 1 |
| 7 | `#313e29` | `oklch(34.46% 0.0381 133.59)` | Green Kelp | white, 11.3 to 1 |
| 8 | `#38442a` | `oklch(36.86% 0.0450 127.97)` | Deep Seaweed | white, 10.3 to 1 |
| 9 | `#404a2b` | `oklch(39.15% 0.0511 123.83)` | Avocado Dark Green | white, 9.4 to 1 |
| 10 | `#47512c` | `oklch(41.56% 0.0571 120.93)` | Zen Garden Olive | white, 8.4 to 1 |
| 11 | `#4f582e` | `oklch(44.12% 0.0633 118.90)` | Soldier Green | white, 7.5 to 1 |
| 12 | `#575f30` | `oklch(46.76% 0.0694 117.50)` | Basil Green | white, 6.7 to 1 |
| 13 | `#5f6733` | `oklch(49.37% 0.0751 116.52)` | Gretchin Green | white, 6 to 1 |
| 14 | `#666e35` | `oklch(51.88% 0.0804 115.73)` | Venom Wyrm | white, 5.4 to 1 |
| 15 | `#6e7538` | `oklch(54.19% 0.0848 114.90)` | Swamp Shrub | white, 4.9 to 1 |
| 16 | `#757b3a` | `oklch(56.21% 0.0883 113.81)` | Calla Green | black, 4.6 to 1 |
| 17 | `#7b803c` | `oklch(57.95% 0.0906 112.23)` | Thai Basil | black, 4.9 to 1 |
| 18 | `#83843f` | `oklch(59.79% 0.0924 110.13)` | Drab | black, 5.3 to 1 |
| 19 | `#8b8942` | `oklch(61.65% 0.0935 107.74)` | Overgrown Citadel | black, 5.7 to 1 |
| 20 | `#928d46` | `oklch(63.33% 0.0939 105.31)` | Retro Avocado | black, 6.1 to 1 |
| 21 | `#989149` | `oklch(64.65% 0.0934 103.09)` | Delta Break | black, 6.4 to 1 |
| 22 | `#9c924d` | `oklch(65.42% 0.0919 101.34)` | Off the Grid | black, 6.6 to 1 |
| 23 | `#9d924f` | `oklch(65.46% 0.0892 100.31)` | Tupelo Tree | black, 6.6 to 1 |
| 24 | `#9a8f50` | `oklch(64.56% 0.0853 100.25)` | Dijonnaise | black, 6.4 to 1 |
| 25 | `#91894f` | `oklch(62.39% 0.0794 101.47)` | Cornus Green | black, 5.9 to 1 |
| 26 | `#837f4c` | `oklch(58.70% 0.0709 104.06)` | Terrapin | black, 5 to 1 |
| 27 | `#727147` | `oklch(53.93% 0.0606 107.63)` | Vineyard View | white, 5 to 1 |
| 28 | `#606241` | `oklch(48.57% 0.0493 111.76)` | Fjord | white, 6.3 to 1 |
| 29 | `#4f533b` | `oklch(43.09% 0.0380 116.05)` | Amazon Depths | white, 7.9 to 1 |
| 30 | `#404534` | `oklch(37.97% 0.0274 120.09)` | Arame Seaweed Green | white, 9.9 to 1 |
| 31 | `#35392e` | `oklch(33.68% 0.0186 123.47)` | Matcha Ash | white, 11.8 to 1 |
| 32 | `#2e312a` | `oklch(30.71% 0.0124 125.77)` | Terminal Black | white, 13.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #1c1c1c 0.0%, #1d1f1e 3.2%, #1f2421 6.5%, #212a24 9.7%, #253026 12.9%, #2b3728 16.1%, #313e29 19.4%, #38442a 22.6%, #404a2b 25.8%, #47512c 29.0%, #4f582e 32.3%, #575f30 35.5%, #5f6733 38.7%, #666e35 41.9%, #6e7538 45.2%, #757b3a 48.4%, #7b803c 51.6%, #83843f 54.8%, #8b8942 58.1%, #928d46 61.3%, #989149 64.5%, #9c924d 67.7%, #9d924f 71.0%, #9a8f50 74.2%, #91894f 77.4%, #837f4c 80.6%, #727147 83.9%, #606241 87.1%, #4f533b 90.3%, #404534 93.5%, #35392e 96.8%, #2e312a 100.0%);
background: linear-gradient(315deg in oklch, oklch(22.44% 0.0000 89.88) 0.0%, oklch(23.72% 0.0040 166.27) 3.2%, oklch(25.40% 0.0095 160.82) 6.5%, oklch(27.41% 0.0160 154.32) 9.7%, oklch(29.64% 0.0232 147.27) 12.9%, oklch(32.02% 0.0307 140.19) 16.1%, oklch(34.46% 0.0381 133.59) 19.4%, oklch(36.86% 0.0450 127.97) 22.6%, oklch(39.15% 0.0511 123.83) 25.8%, oklch(41.56% 0.0571 120.93) 29.0%, oklch(44.12% 0.0633 118.90) 32.3%, oklch(46.76% 0.0694 117.50) 35.5%, oklch(49.37% 0.0751 116.52) 38.7%, oklch(51.88% 0.0804 115.73) 41.9%, oklch(54.19% 0.0848 114.90) 45.2%, oklch(56.21% 0.0883 113.81) 48.4%, oklch(57.95% 0.0906 112.23) 51.6%, oklch(59.79% 0.0924 110.13) 54.8%, oklch(61.65% 0.0935 107.74) 58.1%, oklch(63.33% 0.0939 105.31) 61.3%, oklch(64.65% 0.0934 103.09) 64.5%, oklch(65.42% 0.0919 101.34) 67.7%, oklch(65.46% 0.0892 100.31) 71.0%, oklch(64.56% 0.0853 100.25) 74.2%, oklch(62.39% 0.0794 101.47) 77.4%, oklch(58.70% 0.0709 104.06) 80.6%, oklch(53.93% 0.0606 107.63) 83.9%, oklch(48.57% 0.0493 111.76) 87.1%, oklch(43.09% 0.0380 116.05) 90.3%, oklch(37.97% 0.0274 120.09) 93.5%, oklch(33.68% 0.0186 123.47) 96.8%, oklch(30.71% 0.0124 125.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0 | 170.2 |
| 2 | 0.386 | 0.05 | 124.7 |
| 3 | 0.571 | 0.09 | 113.1 |
| 4 | 0.642 | 0.084 | 100.4 |
| 5 | 0.307 | 0.012 | 125.8 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)
- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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