# Near-black and ochre black and gold palette

The Near-black and ochre black and gold palette brings together dark gray, yellow, gold, and light 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 light yellow.

- Also called: Monochrome black to beige linear gradient
- Seed: `kUMwhHPRq_eKkP_znT_g`
- Page: https://grabient.com/kUMwhHPRq_eKkP_znT_g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 13.8 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 | `#171611` | `oklch(20.08% 0.0110 99.84)` | Darkness | white, 18 to 1 |
| 2 | `#1b1a12` | `oklch(21.67% 0.0147 99.58)` | Nightshade Berries | white, 17.4 to 1 |
| 3 | `#211f14` | `oklch(23.71% 0.0197 99.23)` | Black Mesa | white, 16.5 to 1 |
| 4 | `#272516` | `oklch(26.10% 0.0256 98.80)` | Black Mesa | white, 15.4 to 1 |
| 5 | `#2f2b18` | `oklch(28.79% 0.0322 98.32)` | Metal Construction Green | white, 14.1 to 1 |
| 6 | `#37321a` | `oklch(31.71% 0.0392 97.82)` | Pullman Green | white, 12.7 to 1 |
| 7 | `#413a1d` | `oklch(34.77% 0.0464 97.31)` | Lisbon Brown | white, 11.3 to 1 |
| 8 | `#4a421f` | `oklch(37.91% 0.0535 96.82)` | Uniform Green | white, 10 to 1 |
| 9 | `#544a22` | `oklch(41.06% 0.0602 96.37)` | Codium Fragile | white, 8.7 to 1 |
| 10 | `#5e5325` | `oklch(44.14% 0.0663 95.99)` | Tucumán Green | white, 7.6 to 1 |
| 11 | `#675b28` | `oklch(47.09% 0.0715 95.69)` | Bean Green | white, 6.7 to 1 |
| 12 | `#70632c` | `oklch(49.92% 0.0758 95.50)` | Himalaya | white, 6 to 1 |
| 13 | `#7a6b31` | `oklch(52.88% 0.0798 95.38)` | Garden Weed | white, 5.2 to 1 |
| 14 | `#837436` | `oklch(55.94% 0.0835 95.32)` | Marsh Grass | white, 4.6 to 1 |
| 15 | `#8d7d3d` | `oklch(59.05% 0.0868 95.30)` | Koke Moss | black, 5.1 to 1 |
| 16 | `#978643` | `oklch(62.16% 0.0898 95.33)` | Wild Grass | black, 5.8 to 1 |
| 17 | `#a18f4a` | `oklch(65.23% 0.0925 95.38)` | Off the Grid | black, 6.5 to 1 |
| 18 | `#ab9951` | `oklch(68.21% 0.0947 95.45)` | Burnished Gold | black, 7.3 to 1 |
| 19 | `#b4a158` | `oklch(71.05% 0.0966 95.51)` | Gingko Leaf | black, 8.2 to 1 |
| 20 | `#bdaa5f` | `oklch(73.70% 0.0980 95.57)` | Slender Stem | black, 9 to 1 |
| 21 | `#c4b165` | `oklch(76.11% 0.0989 95.61)` | Champagne Grape | black, 9.8 to 1 |
| 22 | `#cbb86c` | `oklch(78.24% 0.0993 95.62)` | Trumpet | black, 10.6 to 1 |
| 23 | `#d1be72` | `oklch(80.17% 0.0988 95.62)` | Green Citrine | black, 11.3 to 1 |
| 24 | `#d7c479` | `oklch(81.94% 0.0976 95.62)` | Grassroots | black, 12 to 1 |
| 25 | `#dcc980` | `oklch(83.54% 0.0957 95.62)` | Sandwisp | black, 12.7 to 1 |
| 26 | `#e0ce86` | `oklch(85.00% 0.0934 95.62)` | Lemon Thyme | black, 13.3 to 1 |
| 27 | `#e4d28d` | `oklch(86.31% 0.0908 95.62)` | Leaf Print | black, 13.9 to 1 |
| 28 | `#e7d693` | `oklch(87.48% 0.0881 95.62)` | Pineapple Slice | black, 14.4 to 1 |
| 29 | `#ead998` | `oklch(88.52% 0.0855 95.62)` | Ivory Buff | black, 14.9 to 1 |
| 30 | `#eddd9d` | `oklch(89.44% 0.0831 95.62)` | Flourish | black, 15.3 to 1 |
| 31 | `#efdfa1` | `oklch(90.25% 0.0812 95.62)` | Mella Yella | black, 15.7 to 1 |
| 32 | `#f1e2a5` | `oklch(90.94% 0.0799 95.62)` | Sugar Cookie | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #171611 0.0%, #1b1a12 3.2%, #211f14 6.5%, #272516 9.7%, #2f2b18 12.9%, #37321a 16.1%, #413a1d 19.4%, #4a421f 22.6%, #544a22 25.8%, #5e5325 29.0%, #675b28 32.3%, #70632c 35.5%, #7a6b31 38.7%, #837436 41.9%, #8d7d3d 45.2%, #978643 48.4%, #a18f4a 51.6%, #ab9951 54.8%, #b4a158 58.1%, #bdaa5f 61.3%, #c4b165 64.5%, #cbb86c 67.7%, #d1be72 71.0%, #d7c479 74.2%, #dcc980 77.4%, #e0ce86 80.6%, #e4d28d 83.9%, #e7d693 87.1%, #ead998 90.3%, #eddd9d 93.5%, #efdfa1 96.8%, #f1e2a5 100.0%);
background: linear-gradient(90deg in oklch, oklch(20.08% 0.0110 99.84) 0.0%, oklch(21.67% 0.0147 99.58) 3.2%, oklch(23.71% 0.0197 99.23) 6.5%, oklch(26.10% 0.0256 98.80) 9.7%, oklch(28.79% 0.0322 98.32) 12.9%, oklch(31.71% 0.0392 97.82) 16.1%, oklch(34.77% 0.0464 97.31) 19.4%, oklch(37.91% 0.0535 96.82) 22.6%, oklch(41.06% 0.0602 96.37) 25.8%, oklch(44.14% 0.0663 95.99) 29.0%, oklch(47.09% 0.0715 95.69) 32.3%, oklch(49.92% 0.0758 95.50) 35.5%, oklch(52.88% 0.0798 95.38) 38.7%, oklch(55.94% 0.0835 95.32) 41.9%, oklch(59.05% 0.0868 95.30) 45.2%, oklch(62.16% 0.0898 95.33) 48.4%, oklch(65.23% 0.0925 95.38) 51.6%, oklch(68.21% 0.0947 95.45) 54.8%, oklch(71.05% 0.0966 95.51) 58.1%, oklch(73.70% 0.0980 95.57) 61.3%, oklch(76.11% 0.0989 95.61) 64.5%, oklch(78.24% 0.0993 95.62) 67.7%, oklch(80.17% 0.0988 95.62) 71.0%, oklch(81.94% 0.0976 95.62) 74.2%, oklch(83.54% 0.0957 95.62) 77.4%, oklch(85.00% 0.0934 95.62) 80.6%, oklch(86.31% 0.0908 95.62) 83.9%, oklch(87.48% 0.0881 95.62) 87.1%, oklch(88.52% 0.0855 95.62) 90.3%, oklch(89.44% 0.0831 95.62) 93.5%, oklch(90.25% 0.0812 95.62) 96.8%, oklch(90.94% 0.0799 95.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.011 | 99.8 |
| 2 | 0.48 | 0.073 | 95.6 |
| 3 | 0.776 | 0.099 | 95.6 |
| 4 | 0.909 | 0.08 | 95.6 |

## In these collections

- [Black and gold gradients](https://grabient.com/black-and-gold-gradients)

## Other forms

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