# Near-black and ochre yellow palette

The Near-black and ochre yellow palette brings together dark gray and yellow. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is yellow.

- Also called: Analogous black, brown and yellow linear gradient
- Seed: `kSLgZHcra_5wDv-`
- Page: https://grabient.com/kSLgZHcra_5wDv-?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 14 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 | `#13120e` | `oklch(18.11% 0.0083 99.84)` | Glimpse Into Space | white, 18.7 to 1 |
| 2 | `#171610` | `oklch(19.89% 0.0118 99.84)` | Darkness | white, 18.1 to 1 |
| 3 | `#1d1b12` | `oklch(22.14% 0.0162 99.84)` | Nightshade Berries | white, 17.2 to 1 |
| 4 | `#232116` | `oklch(24.80% 0.0215 99.84)` | Black Mesa | white, 16 to 1 |
| 5 | `#2c2919` | `oklch(27.84% 0.0275 99.84)` | Maire | white, 14.6 to 1 |
| 6 | `#35311d` | `oklch(31.19% 0.0341 99.84)` | Fuchsia Berries | white, 13 to 1 |
| 7 | `#3f3b21` | `oklch(34.81% 0.0413 99.84)` | Lisbon Brown | white, 11.3 to 1 |
| 8 | `#4a4525` | `oklch(38.65% 0.0489 99.84)` | Uniform Green | white, 9.7 to 1 |
| 9 | `#565029` | `oklch(42.66% 0.0569 99.84)` | Warplock Bronze | white, 8.1 to 1 |
| 10 | `#635b2e` | `oklch(46.79% 0.0651 99.84)` | Fir Green | white, 6.8 to 1 |
| 11 | `#706732` | `oklch(51.00% 0.0734 99.84)` | Robinhood | white, 5.7 to 1 |
| 12 | `#7d7337` | `oklch(55.23% 0.0818 99.84)` | Trellis Climber | white, 4.7 to 1 |
| 13 | `#8b803c` | `oklch(59.44% 0.0901 99.84)` | Peas Please | black, 5.2 to 1 |
| 14 | `#998c40` | `oklch(63.57% 0.0983 99.84)` | Jalapeño | black, 6.1 to 1 |
| 15 | `#a69844` | `oklch(67.58% 0.1062 99.84)` | Prickly Pear | black, 7.2 to 1 |
| 16 | `#b4a449` | `oklch(71.42% 0.1137 99.84)` | Moss Stone | black, 8.3 to 1 |
| 17 | `#c0af4c` | `oklch(75.03% 0.1209 99.84)` | Hep Green | black, 9.5 to 1 |
| 18 | `#ccba50` | `oklch(78.38% 0.1275 99.84)` | Limón Fresco | black, 10.7 to 1 |
| 19 | `#d7c453` | `oklch(81.41% 0.1334 99.84)` | Pepperoncini | black, 11.8 to 1 |
| 20 | `#e0cc56` | `oklch(84.07% 0.1386 99.84)` | Gold Deposit | black, 12.9 to 1 |
| 21 | `#e8d459` | `oklch(86.31% 0.1430 99.84)` | Golden Week | black, 13.9 to 1 |
| 22 | `#efd95b` | `oklch(88.08% 0.1464 99.84)` | Dull Yellow | black, 14.7 to 1 |
| 23 | `#f3de5c` | `oklch(89.34% 0.1488 99.84)` | Tamarack Yellow | black, 15.3 to 1 |
| 24 | `#f6e05d` | `oklch(90.04% 0.1500 99.84)` | Flame Seal | black, 15.7 to 1 |
| 25 | `#f6e05e` | `oklch(90.12% 0.1501 99.84)` | Flame Seal | black, 15.7 to 1 |
| 26 | `#f4de5d` | `oklch(89.60% 0.1489 99.84)` | Tamarack Yellow | black, 15.5 to 1 |
| 27 | `#f0db5c` | `oklch(88.52% 0.1465 99.84)` | Dull Yellow | black, 14.9 to 1 |
| 28 | `#ead65b` | `oklch(86.93% 0.1432 99.84)` | Pharaoh’s Gold | black, 14.2 to 1 |
| 29 | `#e3cf59` | `oklch(84.88% 0.1389 99.84)` | Gamboge Yellow | black, 13.3 to 1 |
| 30 | `#dac757` | `oklch(82.41% 0.1337 99.84)` | Duck Butter | black, 12.2 to 1 |
| 31 | `#d0be54` | `oklch(79.58% 0.1279 99.84)` | Limón Fresco | black, 11.1 to 1 |
| 32 | `#c5b451` | `oklch(76.43% 0.1214 99.84)` | Vegas Gold | black, 10 to 1 |
| 33 | `#b9a94d` | `oklch(73.01% 0.1143 99.84)` | Rain Slicker | black, 8.8 to 1 |
| 34 | `#ac9e49` | `oklch(69.36% 0.1068 99.84)` | Queen Palm | black, 7.7 to 1 |
| 35 | `#9f9246` | `oklch(65.55% 0.0989 99.84)` | Off the Grid | black, 6.6 to 1 |
| 36 | `#928641` | `oklch(61.60% 0.0908 99.84)` | Eden Prairie | black, 5.7 to 1 |
| 37 | `#857a3d` | `oklch(57.59% 0.0826 99.84)` | Bay Leaf | black, 4.8 to 1 |
| 38 | `#776e39` | `oklch(53.54% 0.0743 99.84)` | Garden Weed | white, 5.1 to 1 |
| 39 | `#6b6335` | `oklch(49.51% 0.0660 99.84)` | Rationality | white, 6 to 1 |
| 40 | `#5e5830` | `oklch(45.55% 0.0579 99.84)` | Tucumán Green | white, 7.2 to 1 |
| 41 | `#534d2c` | `oklch(41.70% 0.0500 99.84)` | Codium Fragile | white, 8.5 to 1 |
| 42 | `#484328` | `oklch(38.02% 0.0424 99.84)` | Tin Bitz | white, 9.9 to 1 |
| 43 | `#3e3a24` | `oklch(34.55% 0.0353 99.84)` | Magic Metal | white, 11.4 to 1 |
| 44 | `#343221` | `oklch(31.33% 0.0287 99.84)` | Fuchsia Berries | white, 12.9 to 1 |
| 45 | `#2c2a1d` | `oklch(28.43% 0.0228 99.84)` | Maire | white, 14.3 to 1 |
| 46 | `#26241a` | `oklch(25.88% 0.0175 99.84)` | Orka Black | white, 15.5 to 1 |
| 47 | `#201f18` | `oklch(23.74% 0.0131 99.84)` | Petroleum | white, 16.5 to 1 |
| 48 | `#1c1b16` | `oklch(22.05% 0.0096 99.84)` | Coco’s Black | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #13120e 0.0%, #171610 2.1%, #1d1b12 4.3%, #232116 6.4%, #2c2919 8.5%, #35311d 10.6%, #3f3b21 12.8%, #4a4525 14.9%, #565029 17.0%, #635b2e 19.1%, #706732 21.3%, #7d7337 23.4%, #8b803c 25.5%, #998c40 27.7%, #a69844 29.8%, #b4a449 31.9%, #c0af4c 34.0%, #ccba50 36.2%, #d7c453 38.3%, #e0cc56 40.4%, #e8d459 42.6%, #efd95b 44.7%, #f3de5c 46.8%, #f6e05d 48.9%, #f6e05e 51.1%, #f4de5d 53.2%, #f0db5c 55.3%, #ead65b 57.4%, #e3cf59 59.6%, #dac757 61.7%, #d0be54 63.8%, #c5b451 66.0%, #b9a94d 68.1%, #ac9e49 70.2%, #9f9246 72.3%, #928641 74.5%, #857a3d 76.6%, #776e39 78.7%, #6b6335 80.9%, #5e5830 83.0%, #534d2c 85.1%, #484328 87.2%, #3e3a24 89.4%, #343221 91.5%, #2c2a1d 93.6%, #26241a 95.7%, #201f18 97.9%, #1c1b16 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.11% 0.0083 99.84) 0.0%, oklch(19.89% 0.0118 99.84) 2.1%, oklch(22.14% 0.0162 99.84) 4.3%, oklch(24.80% 0.0215 99.84) 6.4%, oklch(27.84% 0.0275 99.84) 8.5%, oklch(31.19% 0.0341 99.84) 10.6%, oklch(34.81% 0.0413 99.84) 12.8%, oklch(38.65% 0.0489 99.84) 14.9%, oklch(42.66% 0.0569 99.84) 17.0%, oklch(46.79% 0.0651 99.84) 19.1%, oklch(51.00% 0.0734 99.84) 21.3%, oklch(55.23% 0.0818 99.84) 23.4%, oklch(59.44% 0.0901 99.84) 25.5%, oklch(63.57% 0.0983 99.84) 27.7%, oklch(67.58% 0.1062 99.84) 29.8%, oklch(71.42% 0.1137 99.84) 31.9%, oklch(75.03% 0.1209 99.84) 34.0%, oklch(78.38% 0.1275 99.84) 36.2%, oklch(81.41% 0.1334 99.84) 38.3%, oklch(84.07% 0.1386 99.84) 40.4%, oklch(86.31% 0.1430 99.84) 42.6%, oklch(88.08% 0.1464 99.84) 44.7%, oklch(89.34% 0.1488 99.84) 46.8%, oklch(90.04% 0.1500 99.84) 48.9%, oklch(90.12% 0.1501 99.84) 51.1%, oklch(89.60% 0.1489 99.84) 53.2%, oklch(88.52% 0.1465 99.84) 55.3%, oklch(86.93% 0.1432 99.84) 57.4%, oklch(84.88% 0.1389 99.84) 59.6%, oklch(82.41% 0.1337 99.84) 61.7%, oklch(79.58% 0.1279 99.84) 63.8%, oklch(76.43% 0.1214 99.84) 66.0%, oklch(73.01% 0.1143 99.84) 68.1%, oklch(69.36% 0.1068 99.84) 70.2%, oklch(65.55% 0.0989 99.84) 72.3%, oklch(61.60% 0.0908 99.84) 74.5%, oklch(57.59% 0.0826 99.84) 76.6%, oklch(53.54% 0.0743 99.84) 78.7%, oklch(49.51% 0.0660 99.84) 80.9%, oklch(45.55% 0.0579 99.84) 83.0%, oklch(41.70% 0.0500 99.84) 85.1%, oklch(38.02% 0.0424 99.84) 87.2%, oklch(34.55% 0.0353 99.84) 89.4%, oklch(31.33% 0.0287 99.84) 91.5%, oklch(28.43% 0.0228 99.84) 93.6%, oklch(25.88% 0.0175 99.84) 95.7%, oklch(23.74% 0.0131 99.84) 97.9%, oklch(22.05% 0.0096 99.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.008 | 99.8 |
| 2 | 0.902 | 0.15 | 99.8 |
| 3 | 0.22 | 0.01 | 99.8 |

## In these collections

- [Yellow gradients](https://grabient.com/yellow-gradients)

## Other forms

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