# Burgundy navy teal gold night

The Burgundy navy teal gold night brings together dark gray, dark magenta, dark blue, teal, orange, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Dark rainbow from black to tan linear gradient
- Seed: `kYLA_XJR5GaSXNGwFDgwR4yGApQK`
- Page: https://grabient.com/kYLA_XJR5GaSXNGwFDgwR4yGApQK?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, dark, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 8.6 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 | `#120e18` | `oklch(17.32% 0.0207 302.34)` | Nyctophobia | white, 19 to 1 |
| 2 | `#17101d` | `oklch(18.69% 0.0280 309.75)` | Back in Black | white, 18.6 to 1 |
| 3 | `#201122` | `oklch(20.69% 0.0389 321.37)` | Inside | white, 18 to 1 |
| 4 | `#2b1327` | `oklch(23.01% 0.0516 334.59)` | Black Cherry | white, 17.1 to 1 |
| 5 | `#381428` | `oklch(25.36% 0.0642 346.80)` | Chocolate Kiss | white, 16.2 to 1 |
| 6 | `#421529` | `oklch(27.44% 0.0749 355.41)` | Blackberry | white, 15.3 to 1 |
| 7 | `#49162b` | `oklch(28.93% 0.0819 357.79)` | Blackberry | white, 14.6 to 1 |
| 8 | `#4a1731` | `oklch(29.61% 0.0841 351.97)` | Chilli Black Red | white, 14.3 to 1 |
| 9 | `#46193a` | `oklch(29.63% 0.0827 339.25)` | Chilli Black Red | white, 14.3 to 1 |
| 10 | `#3e1c43` | `oklch(29.26% 0.0789 321.95)` | Purple Void | white, 14.4 to 1 |
| 11 | `#322049` | `oklch(28.77% 0.0738 302.39)` | Elderberry | white, 14.5 to 1 |
| 12 | `#26244a` | `oklch(28.43% 0.0686 282.88)` | Black Market | white, 14.6 to 1 |
| 13 | `#1b284a` | `oklch(28.52% 0.0645 265.75)` | Rurikon Blue | white, 14.4 to 1 |
| 14 | `#132d4a` | `oklch(29.23% 0.0620 252.70)` | Midnight Ocean | white, 14 to 1 |
| 15 | `#0e324a` | `oklch(30.30% 0.0596 242.19)` | Halite Blue | white, 13.4 to 1 |
| 16 | `#0b374a` | `oklch(31.65% 0.0573 233.00)` | Crowberry Blue | white, 12.7 to 1 |
| 17 | `#0c3c4b` | `oklch(33.21% 0.0555 224.07)` | Ghostlands Coal | white, 11.9 to 1 |
| 18 | `#0e414c` | `oklch(34.92% 0.0544 214.36)` | Cold and Dark | white, 11.1 to 1 |
| 19 | `#12474c` | `oklch(36.71% 0.0545 202.81)` | Incubi Darkness | white, 10.3 to 1 |
| 20 | `#184d49` | `oklch(38.52% 0.0559 188.21)` | Stockade Green | white, 9.5 to 1 |
| 21 | `#235343` | `oklch(40.31% 0.0589 169.13)` | Bagpiper | white, 8.8 to 1 |
| 22 | `#355739` | `oklch(42.16% 0.0631 147.24)` | Ficus | white, 8.1 to 1 |
| 23 | `#4a592e` | `oklch(44.15% 0.0680 124.73)` | Trefoil | white, 7.5 to 1 |
| 24 | `#605b26` | `oklch(46.36% 0.0734 103.82)` | Costa Del Sol | white, 6.9 to 1 |
| 25 | `#735d26` | `oklch(48.88% 0.0787 86.72)` | Moss Brown | white, 6.3 to 1 |
| 26 | `#84612c` | `oklch(51.81% 0.0836 75.60)` | Bronze Brown | white, 5.6 to 1 |
| 27 | `#946a34` | `oklch(55.58% 0.0888 70.80)` | Vintage Caramel | white, 4.8 to 1 |
| 28 | `#a4763c` | `oklch(60.02% 0.0945 70.63)` | Gallant Gold | black, 5.2 to 1 |
| 29 | `#b38443` | `oklch(64.69% 0.1001 73.47)` | Honeysuckle Blast | black, 6.3 to 1 |
| 30 | `#c0934a` | `oklch(69.13% 0.1054 77.66)` | Narcissus | black, 7.5 to 1 |
| 31 | `#caa050` | `oklch(72.92% 0.1098 81.58)` | Golden Sheaf | black, 8.6 to 1 |
| 32 | `#d2a955` | `oklch(75.59% 0.1130 83.60)` | Solar Relic | black, 9.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #120e18 0.0%, #17101d 3.2%, #201122 6.5%, #2b1327 9.7%, #381428 12.9%, #421529 16.1%, #49162b 19.4%, #4a1731 22.6%, #46193a 25.8%, #3e1c43 29.0%, #322049 32.3%, #26244a 35.5%, #1b284a 38.7%, #132d4a 41.9%, #0e324a 45.2%, #0b374a 48.4%, #0c3c4b 51.6%, #0e414c 54.8%, #12474c 58.1%, #184d49 61.3%, #235343 64.5%, #355739 67.7%, #4a592e 71.0%, #605b26 74.2%, #735d26 77.4%, #84612c 80.6%, #946a34 83.9%, #a4763c 87.1%, #b38443 90.3%, #c0934a 93.5%, #caa050 96.8%, #d2a955 100.0%);
background: linear-gradient(45deg in oklch, oklch(17.32% 0.0207 302.34) 0.0%, oklch(18.69% 0.0280 309.75) 3.2%, oklch(20.69% 0.0389 321.37) 6.5%, oklch(23.01% 0.0516 334.59) 9.7%, oklch(25.36% 0.0642 346.80) 12.9%, oklch(27.44% 0.0749 355.41) 16.1%, oklch(28.93% 0.0819 357.79) 19.4%, oklch(29.61% 0.0841 351.97) 22.6%, oklch(29.63% 0.0827 339.25) 25.8%, oklch(29.26% 0.0789 321.95) 29.0%, oklch(28.77% 0.0738 302.39) 32.3%, oklch(28.43% 0.0686 282.88) 35.5%, oklch(28.52% 0.0645 265.75) 38.7%, oklch(29.23% 0.0620 252.70) 41.9%, oklch(30.30% 0.0596 242.19) 45.2%, oklch(31.65% 0.0573 233.00) 48.4%, oklch(33.21% 0.0555 224.07) 51.6%, oklch(34.92% 0.0544 214.36) 54.8%, oklch(36.71% 0.0545 202.81) 58.1%, oklch(38.52% 0.0559 188.21) 61.3%, oklch(40.31% 0.0589 169.13) 64.5%, oklch(42.16% 0.0631 147.24) 67.7%, oklch(44.15% 0.0680 124.73) 71.0%, oklch(46.36% 0.0734 103.82) 74.2%, oklch(48.88% 0.0787 86.72) 77.4%, oklch(51.81% 0.0836 75.60) 80.6%, oklch(55.58% 0.0888 70.80) 83.9%, oklch(60.02% 0.0945 70.63) 87.1%, oklch(64.69% 0.1001 73.47) 90.3%, oklch(69.13% 0.1054 77.66) 93.5%, oklch(72.92% 0.1098 81.58) 96.8%, oklch(75.59% 0.1130 83.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.021 | 302.3 |
| 2 | 0.291 | 0.083 | 357.3 |
| 3 | 0.287 | 0.063 | 260.1 |
| 4 | 0.378 | 0.055 | 194.6 |
| 5 | 0.512 | 0.083 | 77.3 |
| 6 | 0.756 | 0.113 | 83.6 |

## In these collections

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

## Other forms

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