# Near-black, bronze and mustard dark multicolor palette

The Near-black, bronze and mustard dark multicolor palette brings together dark purple, dark magenta, orange, and gold. 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 purple, and its lightest tone is gold.

- Also called: Black, brown and yellow linear gradient
- Seed: `kcJjXjlBtARidwmfpMHsxvGMonxNdtcDbUBAI`
- Page: https://grabient.com/kcJjXjlBtARidwmfpMHsxvGMonxNdtcDbUBAI?steps=21&angle=0
- Drawn as: linear gradient, 21 steps, 0 degrees
- Kinds: dark to light, vivid, dark, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.1 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 | `#17001d` | `oklch(15.03% 0.0722 319.81)` | Election Night | white, 19.8 to 1 |
| 2 | `#18001e` | `oklch(15.12% 0.0725 320.00)` | Election Night | white, 19.8 to 1 |
| 3 | `#18001e` | `oklch(15.31% 0.0732 320.68)` | Election Night | white, 19.8 to 1 |
| 4 | `#1b001e` | `oklch(15.86% 0.0746 323.75)` | Black Sabbath | white, 19.7 to 1 |
| 5 | `#20001e` | `oklch(16.87% 0.0762 330.46)` | Black Sabbath | white, 19.4 to 1 |
| 6 | `#26001d` | `oklch(18.20% 0.0786 338.82)` | Black Sabbath | white, 19 to 1 |
| 7 | `#2d001d` | `oklch(19.72% 0.0829 345.93)` | Vienna Roast | white, 18.6 to 1 |
| 8 | `#33001e` | `oklch(21.14% 0.0881 350.23)` | Vienna Roast | white, 18.1 to 1 |
| 9 | `#3b001f` | `oklch(23.08% 0.0946 355.63)` | Blaze It Dark Magenta | white, 17.3 to 1 |
| 10 | `#49051d` | `oklch(26.55% 0.0987 7.23)` | Blaze It Dark Magenta | white, 15.8 to 1 |
| 11 | `#561c19` | `oklch(31.69% 0.0873 26.03)` | Spinel Red | white, 13.3 to 1 |
| 12 | `#62331b` | `oklch(37.61% 0.0768 46.33)` | Overbaked | white, 10.4 to 1 |
| 13 | `#70471e` | `oklch(43.65% 0.0786 63.50)` | Monks Robe | white, 8 to 1 |
| 14 | `#7f5d1d` | `oklch(50.15% 0.0904 79.59)` | Hot Curry | white, 6 to 1 |
| 15 | `#8c741d` | `oklch(56.56% 0.1051 92.49)` | Jīn Zōng Gold | black, 4.6 to 1 |
| 16 | `#998821` | `oklch(62.37% 0.1183 99.54)` | Quagmire Green | black, 5.8 to 1 |
| 17 | `#a99a21` | `oklch(67.84% 0.1324 101.63)` | Greedy Gecko | black, 7.3 to 1 |
| 18 | `#baaa1e` | `oklch(72.93% 0.1457 102.37)` | Green Flavour | black, 8.8 to 1 |
| 19 | `#c9bb1f` | `oklch(77.90% 0.1577 103.67)` | Pyrite Yellow | black, 10.5 to 1 |
| 20 | `#d8ca1f` | `oklch(82.58% 0.1688 104.32)` | Ryoku-Ou-Shoku Yellow | black, 12.4 to 1 |
| 21 | `#e3d51f` | `oklch(85.83% 0.1764 104.70)` | Holy Grail | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(0deg, #17001d 0.0%, #18001e 5.0%, #18001e 10.0%, #1b001e 15.0%, #20001e 20.0%, #26001d 25.0%, #2d001d 30.0%, #33001e 35.0%, #3b001f 40.0%, #49051d 45.0%, #561c19 50.0%, #62331b 55.0%, #70471e 60.0%, #7f5d1d 65.0%, #8c741d 70.0%, #998821 75.0%, #a99a21 80.0%, #baaa1e 85.0%, #c9bb1f 90.0%, #d8ca1f 95.0%, #e3d51f 100.0%);
background: linear-gradient(0deg in oklch, oklch(15.03% 0.0722 319.81) 0.0%, oklch(15.12% 0.0725 320.00) 5.0%, oklch(15.31% 0.0732 320.68) 10.0%, oklch(15.86% 0.0746 323.75) 15.0%, oklch(16.87% 0.0762 330.46) 20.0%, oklch(18.20% 0.0786 338.82) 25.0%, oklch(19.72% 0.0829 345.93) 30.0%, oklch(21.14% 0.0881 350.23) 35.0%, oklch(23.08% 0.0946 355.63) 40.0%, oklch(26.55% 0.0987 7.23) 45.0%, oklch(31.69% 0.0873 26.03) 50.0%, oklch(37.61% 0.0768 46.33) 55.0%, oklch(43.65% 0.0786 63.50) 60.0%, oklch(50.15% 0.0904 79.59) 65.0%, oklch(56.56% 0.1051 92.49) 70.0%, oklch(62.37% 0.1183 99.54) 75.0%, oklch(67.84% 0.1324 101.63) 80.0%, oklch(72.93% 0.1457 102.37) 85.0%, oklch(77.90% 0.1577 103.67) 90.0%, oklch(82.58% 0.1688 104.32) 95.0%, oklch(85.83% 0.1764 104.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.073 | 319.9 |
| 2 | 0.157 | 0.074 | 323.1 |
| 3 | 0.193 | 0.081 | 344.2 |
| 4 | 0.248 | 0.101 | 361.1 |
| 5 | 0.402 | 0.076 | 414 |
| 6 | 0.583 | 0.109 | 455.2 |
| 7 | 0.736 | 0.147 | 462.6 |
| 8 | 0.858 | 0.176 | 464.7 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Burgundy and gold](https://grabient.com/burgundy-and-gold)

## Other forms

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