# Near-black and gold multicolor palette

The Near-black and gold multicolor palette brings together black, dark blue, blue, light yellow, gold, and 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 black, and its lightest tone is gold.

- Also called: Black, navy, orange and brown linear gradient
- Seed: `kcERi8Fyy_zqWO_hlTGb7C9OA3va4rz2CA29A`
- Page: https://grabient.com/kcERi8Fyy_zqWO_hlTGb7C9OA3va4rz2CA29A?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 14.3 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 | `#000107` | `oklch(6.69% 0.0331 264.38)` | Black Hole | white, 20.8 to 1 |
| 2 | `#00093d` | `oklch(18.14% 0.0993 263.68)` | Stratos | white, 19 to 1 |
| 3 | `#315f73` | `oklch(46.06% 0.0606 229.50)` | Flowing River | white, 6.9 to 1 |
| 4 | `#b7b78c` | `oklch(76.77% 0.0579 107.98)` | Secret Glade | black, 10.1 to 1 |
| 5 | `#ffd069` | `oklch(87.79% 0.1321 84.73)` | Chickadee | black, 14.4 to 1 |
| 6 | `#f0992f` | `oklch(75.59% 0.1530 65.71)` | Nuclear Mango | black, 9.3 to 1 |
| 7 | `#8a3700` | `oklch(44.49% 0.1260 45.56)` | Espresso Martini | white, 8 to 1 |
| 8 | `#040000` | `oklch(6.83% 0.0280 28.74)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000107 0.0%, #00093d 14.3%, #315f73 28.6%, #b7b78c 42.9%, #ffd069 57.1%, #f0992f 71.4%, #8a3700 85.7%, #040000 100.0%);
background: linear-gradient(90deg in oklch, oklch(6.69% 0.0331 264.38) 0.0%, oklch(18.14% 0.0993 263.68) 14.3%, oklch(46.06% 0.0606 229.50) 28.6%, oklch(76.77% 0.0579 107.98) 42.9%, oklch(87.79% 0.1321 84.73) 57.1%, oklch(75.59% 0.1530 65.71) 71.4%, oklch(44.49% 0.1260 45.56) 85.7%, oklch(6.83% 0.0280 28.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.067 | 0.033 | 264.4 |
| 2 | 0.181 | 0.123 | 263.3 |
| 3 | 0.461 | 0.061 | 229.5 |
| 4 | 0.768 | 0.058 | 108 |
| 5 | 0.878 | 0.134 | 84.7 |
| 6 | 0.756 | 0.153 | 65.7 |
| 7 | 0.445 | 0.13 | 45.6 |
| 8 | 0.063 | 0.037 | 21.3 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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