# Gold Leaf in Obsidian

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

- Also called: Seamless black, brown and yellow angular gradient
- Seed: `kcHwM_noJAFy0vzuvMD9idAd41PidAcCkAI_Q`
- Page: https://grabient.com/kcHwM_noJAFy0vzuvMD9idAd41PidAcCkAI_Q?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.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 | `#060605` | `oklch(12.20% 0.0041 89.30)` | Black Metal | white, 20.2 to 1 |
| 2 | `#080807` | `oklch(13.34% 0.0016 89.61)` | Accursed Black | white, 20 to 1 |
| 3 | `#0a0a0a` | `oklch(14.67% 0.0000 89.88)` | Existential Angst | white, 19.7 to 1 |
| 4 | `#0f0f0f` | `oklch(17.05% 0.0000 89.88)` | Chaos Black | white, 19.1 to 1 |
| 5 | `#191919` | `oklch(21.36% 0.0000 89.88)` | Thamar Black | white, 17.5 to 1 |
| 6 | `#2e2a21` | `oklch(28.75% 0.0176 89.79)` | Maire | white, 14.2 to 1 |
| 7 | `#534627` | `oklch(40.01% 0.0495 88.05)` | Punga | white, 9.2 to 1 |
| 8 | `#826828` | `oklch(52.92% 0.0876 86.00)` | Hunting Jacket | white, 5.3 to 1 |
| 9 | `#b28821` | `oklch(65.01% 0.1230 84.42)` | Arrowwood | black, 6.4 to 1 |
| 10 | `#d6a116` | `oklch(73.82% 0.1472 84.06)` | Immortelle Yellow | black, 8.9 to 1 |
| 11 | `#eab10a` | `oklch(79.16% 0.1607 85.25)` | Sun Drops | black, 10.8 to 1 |
| 12 | `#f3bd06` | `oklch(82.43% 0.1678 87.41)` | Gold Abundance | black, 12 to 1 |
| 13 | `#f7c615` | `oklch(84.53% 0.1698 89.88)` | Leery Lemon | black, 13 to 1 |
| 14 | `#face2a` | `oklch(86.39% 0.1678 92.01)` | Dream of Spring | black, 13.8 to 1 |
| 15 | `#fdd745` | `oklch(88.70% 0.1607 93.60)` | Tuscan Sun | black, 14.9 to 1 |
| 16 | `#ffe066` | `oklch(91.03% 0.1442 95.29)` | Xìng Huáng Yellow | black, 16.1 to 1 |
| 17 | `#ffe882` | `oklch(92.81% 0.1243 96.64)` | Vacherin Cheese | black, 17 to 1 |
| 18 | `#feea90` | `oklch(93.46% 0.1124 97.14)` | Chickery Chick | black, 17.4 to 1 |
| 19 | `#fbe691` | `oklch(92.46% 0.1076 96.24)` | Swallowtail | black, 16.8 to 1 |
| 20 | `#f9dd80` | `oklch(90.21% 0.1169 93.16)` | Wheat | black, 15.7 to 1 |
| 21 | `#f7cf63` | `oklch(86.74% 0.1331 88.85)` | Soaked in Sun | black, 14 to 1 |
| 22 | `#efbb40` | `oklch(81.80% 0.1465 84.69)` | Golden Glam | black, 11.8 to 1 |
| 23 | `#dca420` | `oklch(75.13% 0.1475 82.07)` | Golden Grass | black, 9.3 to 1 |
| 24 | `#b7881b` | `oklch(65.52% 0.1278 81.97)` | Letter Jacket | black, 6.5 to 1 |
| 25 | `#846623` | `oklch(52.74% 0.0920 83.66)` | Hunting Jacket | white, 5.3 to 1 |
| 26 | `#524424` | `oklch(39.28% 0.0512 85.99)` | Uniform Green | white, 9.5 to 1 |
| 27 | `#2b281f` | `oklch(27.67% 0.0167 87.84)` | Maire | white, 14.7 to 1 |
| 28 | `#161616` | `oklch(20.18% 0.0000 89.88)` | Pot Black | white, 18 to 1 |
| 29 | `#0d0d0d` | `oklch(16.14% 0.0000 89.88)` | Black Sheep | white, 19.3 to 1 |
| 30 | `#0a0a0a` | `oklch(14.24% 0.0000 89.88)` | Existential Angst | white, 19.8 to 1 |
| 31 | `#080807` | `oklch(13.41% 0.0025 84.02)` | Accursed Black | white, 20 to 1 |
| 32 | `#070605` | `oklch(12.60% 0.0055 82.96)` | Black Metal | white, 20.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #060605 0.0%, #080807 3.2%, #0a0a0a 6.5%, #0f0f0f 9.7%, #191919 12.9%, #2e2a21 16.1%, #534627 19.4%, #826828 22.6%, #b28821 25.8%, #d6a116 29.0%, #eab10a 32.3%, #f3bd06 35.5%, #f7c615 38.7%, #face2a 41.9%, #fdd745 45.2%, #ffe066 48.4%, #ffe882 51.6%, #feea90 54.8%, #fbe691 58.1%, #f9dd80 61.3%, #f7cf63 64.5%, #efbb40 67.7%, #dca420 71.0%, #b7881b 74.2%, #846623 77.4%, #524424 80.6%, #2b281f 83.9%, #161616 87.1%, #0d0d0d 90.3%, #0a0a0a 93.5%, #080807 96.8%, #070605 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(12.20% 0.0041 89.30) 0.0%, oklch(13.34% 0.0016 89.61) 3.2%, oklch(14.67% 0.0000 89.88) 6.5%, oklch(17.05% 0.0000 89.88) 9.7%, oklch(21.36% 0.0000 89.88) 12.9%, oklch(28.75% 0.0176 89.79) 16.1%, oklch(40.01% 0.0495 88.05) 19.4%, oklch(52.92% 0.0876 86.00) 22.6%, oklch(65.01% 0.1230 84.42) 25.8%, oklch(73.82% 0.1472 84.06) 29.0%, oklch(79.16% 0.1607 85.25) 32.3%, oklch(82.43% 0.1678 87.41) 35.5%, oklch(84.53% 0.1698 89.88) 38.7%, oklch(86.39% 0.1678 92.01) 41.9%, oklch(88.70% 0.1607 93.60) 45.2%, oklch(91.03% 0.1442 95.29) 48.4%, oklch(92.81% 0.1243 96.64) 51.6%, oklch(93.46% 0.1124 97.14) 54.8%, oklch(92.46% 0.1076 96.24) 58.1%, oklch(90.21% 0.1169 93.16) 61.3%, oklch(86.74% 0.1331 88.85) 64.5%, oklch(81.80% 0.1465 84.69) 67.7%, oklch(75.13% 0.1475 82.07) 71.0%, oklch(65.52% 0.1278 81.97) 74.2%, oklch(52.74% 0.0920 83.66) 77.4%, oklch(39.28% 0.0512 85.99) 80.6%, oklch(27.67% 0.0167 87.84) 83.9%, oklch(20.18% 0.0000 89.88) 87.1%, oklch(16.14% 0.0000 89.88) 90.3%, oklch(14.24% 0.0000 89.88) 93.5%, oklch(13.41% 0.0025 84.02) 96.8%, oklch(12.60% 0.0055 82.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.004 | 89.3 |
| 2 | 0.24 | 0.006 | 90.4 |
| 3 | 0.728 | 0.145 | 84 |
| 4 | 0.87 | 0.167 | 92.5 |
| 5 | 0.929 | 0.107 | 96.7 |
| 6 | 0.74 | 0.146 | 81.9 |
| 7 | 0.228 | 0.004 | 88.2 |
| 8 | 0.126 | 0.006 | 83 |

## In these collections

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

## Other forms

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