# Near-black and ochre black and gold palette

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

- Also called: Seamless black and brown angular gradient
- Seed: `kaJAUzIoe_8MiQHfMEEcBvAM2rPeVBMBg`
- Page: https://grabient.com/kaJAUzIoe_8MiQHfMEEcBvAM2rPeVBMBg?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, warm, monochrome, seamless
- Hues: analogous
- 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 | `#0b0907` | `oklch(14.17% 0.0069 71.72)` | Badab Black Wash | white, 19.8 to 1 |
| 2 | `#0f0c09` | `oklch(15.68% 0.0078 71.65)` | Smoky Black | white, 19.5 to 1 |
| 3 | `#13100d` | `oklch(17.68% 0.0085 71.52)` | Nuln Oil | white, 18.9 to 1 |
| 4 | `#191612` | `oklch(20.16% 0.0100 71.42)` | Soulless | white, 18 to 1 |
| 5 | `#211c16` | `oklch(23.12% 0.0133 71.43)` | Dark Orchestra | white, 16.8 to 1 |
| 6 | `#2b241b` | `oklch(26.55% 0.0193 71.65)` | Kenpōzome Black | white, 15.3 to 1 |
| 7 | `#392d1f` | `oklch(30.62% 0.0295 72.10)` | Vanilla Bean Brown | white, 13.3 to 1 |
| 8 | `#4a3821` | `oklch(35.46% 0.0436 72.69)` | Café Noir | white, 11.1 to 1 |
| 9 | `#5d4423` | `oklch(40.73% 0.0597 73.44)` | Nightingale | white, 9 to 1 |
| 10 | `#715123` | `oklch(46.09% 0.0758 74.38)` | Bark Brown | white, 7.1 to 1 |
| 11 | `#845f23` | `oklch(51.18% 0.0898 75.52)` | Sleek Otter | white, 5.7 to 1 |
| 12 | `#956b24` | `oklch(55.84% 0.1011 76.97)` | Mandolin | white, 4.7 to 1 |
| 13 | `#a57824` | `oklch(60.44% 0.1120 78.88)` | Falafel | black, 5.3 to 1 |
| 14 | `#b58625` | `oklch(64.91% 0.1218 81.01)` | University of California Gold | black, 6.3 to 1 |
| 15 | `#c29329` | `oklch(69.14% 0.1291 83.08)` | Oro | black, 7.5 to 1 |
| 16 | `#cea033` | `oklch(73.03% 0.1324 84.81)` | Tiger Cat | black, 8.7 to 1 |
| 17 | `#d8ac44` | `oklch(76.61% 0.1301 86.03)` | Golden Rule | black, 9.9 to 1 |
| 18 | `#e1ba5e` | `oklch(80.54% 0.1199 87.18)` | Sun God | black, 11.4 to 1 |
| 19 | `#e8c879` | `oklch(84.29% 0.1051 88.11)` | Waffle Cone | black, 12.9 to 1 |
| 20 | `#edd28f` | `oklch(87.18% 0.0900 88.56)` | Nectar Jackpot | black, 14.2 to 1 |
| 21 | `#efd79d` | `oklch(88.51% 0.0789 88.28)` | Splash | black, 14.8 to 1 |
| 22 | `#ecd49d` | `oklch(87.61% 0.0760 86.98)` | Palm Sugar Yellow | black, 14.4 to 1 |
| 23 | `#e6c88d` | `oklch(84.49% 0.0834 84.04)` | Norman Shaw Goldspar | black, 13 to 1 |
| 24 | `#ddb673` | `oklch(79.64% 0.0967 80.04)` | Harpswell Green | black, 11 to 1 |
| 25 | `#d1a054` | `oklch(73.59% 0.1103 75.87)` | Bright Gold | black, 8.8 to 1 |
| 26 | `#c18836` | `oklch(66.83% 0.1190 72.40)` | Butter Base | black, 6.8 to 1 |
| 27 | `#ab7220` | `oklch(59.83% 0.1173 70.48)` | Hot Toddy | black, 5.1 to 1 |
| 28 | `#8c5b15` | `oklch(51.27% 0.1025 70.27)` | Grizzly | white, 5.8 to 1 |
| 29 | `#664311` | `oklch(41.32% 0.0791 71.16)` | Very Coffee | white, 8.8 to 1 |
| 30 | `#412c0f` | `oklch(31.32% 0.0526 72.59)` | Stirland Mud | white, 13.1 to 1 |
| 31 | `#241a0c` | `oklch(22.61% 0.0285 74.02)` | Burnt Coffee | white, 17.1 to 1 |
| 32 | `#120e09` | `oklch(16.54% 0.0124 74.89)` | Balsam of Peru | white, 19.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0b0907 0.0%, #0f0c09 3.2%, #13100d 6.5%, #191612 9.7%, #211c16 12.9%, #2b241b 16.1%, #392d1f 19.4%, #4a3821 22.6%, #5d4423 25.8%, #715123 29.0%, #845f23 32.3%, #956b24 35.5%, #a57824 38.7%, #b58625 41.9%, #c29329 45.2%, #cea033 48.4%, #d8ac44 51.6%, #e1ba5e 54.8%, #e8c879 58.1%, #edd28f 61.3%, #efd79d 64.5%, #ecd49d 67.7%, #e6c88d 71.0%, #ddb673 74.2%, #d1a054 77.4%, #c18836 80.6%, #ab7220 83.9%, #8c5b15 87.1%, #664311 90.3%, #412c0f 93.5%, #241a0c 96.8%, #120e09 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(14.17% 0.0069 71.72) 0.0%, oklch(15.68% 0.0078 71.65) 3.2%, oklch(17.68% 0.0085 71.52) 6.5%, oklch(20.16% 0.0100 71.42) 9.7%, oklch(23.12% 0.0133 71.43) 12.9%, oklch(26.55% 0.0193 71.65) 16.1%, oklch(30.62% 0.0295 72.10) 19.4%, oklch(35.46% 0.0436 72.69) 22.6%, oklch(40.73% 0.0597 73.44) 25.8%, oklch(46.09% 0.0758 74.38) 29.0%, oklch(51.18% 0.0898 75.52) 32.3%, oklch(55.84% 0.1011 76.97) 35.5%, oklch(60.44% 0.1120 78.88) 38.7%, oklch(64.91% 0.1218 81.01) 41.9%, oklch(69.14% 0.1291 83.08) 45.2%, oklch(73.03% 0.1324 84.81) 48.4%, oklch(76.61% 0.1301 86.03) 51.6%, oklch(80.54% 0.1199 87.18) 54.8%, oklch(84.29% 0.1051 88.11) 58.1%, oklch(87.18% 0.0900 88.56) 61.3%, oklch(88.51% 0.0789 88.28) 64.5%, oklch(87.61% 0.0760 86.98) 67.7%, oklch(84.49% 0.0834 84.04) 71.0%, oklch(79.64% 0.0967 80.04) 74.2%, oklch(73.59% 0.1103 75.87) 77.4%, oklch(66.83% 0.1190 72.40) 80.6%, oklch(59.83% 0.1173 70.48) 83.9%, oklch(51.27% 0.1025 70.27) 87.1%, oklch(41.32% 0.0791 71.16) 90.3%, oklch(31.32% 0.0526 72.59) 93.5%, oklch(22.61% 0.0285 74.02) 96.8%, oklch(16.54% 0.0124 74.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.007 | 71.7 |
| 2 | 0.272 | 0.021 | 71.7 |
| 3 | 0.528 | 0.094 | 75.9 |
| 4 | 0.748 | 0.132 | 85.5 |
| 5 | 0.882 | 0.076 | 87.6 |
| 6 | 0.61 | 0.119 | 70.7 |
| 7 | 0.165 | 0.012 | 74.9 |

## In these collections

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

## Other forms

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