# Near-black, bronze and champagne color palette

The Near-black, bronze and champagne color palette brings together dark blue, red, orange, and pale orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Navy, orange and beige linear gradient
- Seed: `kUKxm1trNPVu2xL3jMLg`
- Page: https://grabient.com/kUKxm1trNPVu2xL3jMLg?steps=40&angle=120
- Drawn as: linear gradient, 40 steps, 120 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#05101e` | `oklch(16.93% 0.0344 255.23)` | Kuretake Black Manga | white, 19.1 to 1 |
| 2 | `#081123` | `oklch(18.07% 0.0394 261.22)` | Kuretake Black Manga | white, 18.8 to 1 |
| 3 | `#0c1329` | `oklch(19.46% 0.0459 268.97)` | Corbeau | white, 18.3 to 1 |
| 4 | `#131530` | `oklch(21.09% 0.0537 278.20)` | Lost in Sadness | white, 17.8 to 1 |
| 5 | `#1c1638` | `oklch(22.91% 0.0624 288.59)` | Lost in Sadness | white, 17.1 to 1 |
| 6 | `#27173e` | `oklch(24.89% 0.0719 299.85)` | Prune Plum | white, 16.3 to 1 |
| 7 | `#331843` | `oklch(27.00% 0.0819 311.68)` | Purple Door | white, 15.5 to 1 |
| 8 | `#411845` | `oklch(29.22% 0.0919 323.78)` | Velvet Cosmos | white, 14.5 to 1 |
| 9 | `#4f1845` | `oklch(31.51% 0.1019 335.85)` | Violet Carmine | white, 13.5 to 1 |
| 10 | `#5e1842` | `oklch(33.83% 0.1115 347.58)` | Soul Anchor | white, 12.5 to 1 |
| 11 | `#6b183c` | `oklch(36.17% 0.1205 358.69)` | Her Fierceness | white, 11.4 to 1 |
| 12 | `#781a35` | `oklch(38.48% 0.1285 8.86)` | Deep Claret | white, 10.5 to 1 |
| 13 | `#831e2d` | `oklch(40.74% 0.1353 17.81)` | Antique Ruby | white, 9.5 to 1 |
| 14 | `#8d2424` | `oklch(42.91% 0.1406 25.21)` | Old Mandarin | white, 8.7 to 1 |
| 15 | `#952b1b` | `oklch(45.07% 0.1448 31.29)` | Saffronaut | white, 7.9 to 1 |
| 16 | `#9d3210` | `oklch(47.29% 0.1486 36.49)` | Dragon Dance | white, 7.2 to 1 |
| 17 | `#a53a01` | `oklch(49.57% 0.1519 40.92)` | Rust | white, 6.5 to 1 |
| 18 | `#ab4400` | `oklch(51.88% 0.1492 44.64)` | Pepperoni | white, 5.9 to 1 |
| 19 | `#b14e00` | `oklch(54.21% 0.1480 47.84)` | Skrag Brown | white, 5.3 to 1 |
| 20 | `#b85600` | `oklch(56.56% 0.1483 50.57)` | Obscure Orange | white, 4.8 to 1 |
| 21 | `#bf5e00` | `oklch(58.90% 0.1496 52.95)` | Dry Clay | black, 4.8 to 1 |
| 22 | `#c66600` | `oklch(61.22% 0.1515 55.07)` | Curry Powder | black, 5.3 to 1 |
| 23 | `#ce6e00` | `oklch(63.50% 0.1536 57.03)` | Autumn Maple | black, 5.8 to 1 |
| 24 | `#d57500` | `oklch(65.74% 0.1558 58.93)` | Autumn Leaf Orange | black, 6.3 to 1 |
| 25 | `#db7d06` | `oklch(67.92% 0.1566 60.91)` | Orange Pepper | black, 6.9 to 1 |
| 26 | `#e08618` | `oklch(70.03% 0.1538 63.01)` | Tangerine Haze | black, 7.5 to 1 |
| 27 | `#e48e25` | `oklch(72.05% 0.1502 65.37)` | Hotter Butter | black, 8.1 to 1 |
| 28 | `#e69732` | `oklch(74.04% 0.1451 67.88)` | Persimmon | black, 8.8 to 1 |
| 29 | `#e8a040` | `oklch(76.05% 0.1381 70.34)` | Gilded Leaves | black, 9.5 to 1 |
| 30 | `#eaa950` | `oklch(78.07% 0.1297 72.75)` | Optimist Gold | black, 10.3 to 1 |
| 31 | `#ebb25f` | `oklch(80.08% 0.1200 75.10)` | Cheater | black, 11.1 to 1 |
| 32 | `#ecbb6f` | `oklch(82.05% 0.1095 77.36)` | Pineapple Cake | black, 11.9 to 1 |
| 33 | `#edc37f` | `oklch(83.96% 0.0985 79.52)` | Gold Buff | black, 12.7 to 1 |
| 34 | `#edcb8e` | `oklch(85.80% 0.0873 81.57)` | Honeysuckle Beige | black, 13.5 to 1 |
| 35 | `#eed29c` | `oklch(87.54% 0.0762 83.50)` | Willow-Flower Yellow | black, 14.3 to 1 |
| 36 | `#efd9aa` | `oklch(89.17% 0.0656 85.28)` | Bleached Bone | black, 15.1 to 1 |
| 37 | `#f0dfb7` | `oklch(90.66% 0.0558 86.92)` | Calla | black, 15.8 to 1 |
| 38 | `#f1e4c2` | `oklch(91.99% 0.0471 88.38)` | Scroll of Wisdom | black, 16.5 to 1 |
| 39 | `#f3e8cb` | `oklch(93.14% 0.0399 89.65)` | Sphere | black, 17.1 to 1 |
| 40 | `#f4ebd2` | `oklch(94.09% 0.0344 90.73)` | Apple Sauce | black, 17.6 to 1 |

## CSS

```css
background: linear-gradient(120deg, #05101e 0.0%, #081123 2.6%, #0c1329 5.1%, #131530 7.7%, #1c1638 10.3%, #27173e 12.8%, #331843 15.4%, #411845 17.9%, #4f1845 20.5%, #5e1842 23.1%, #6b183c 25.6%, #781a35 28.2%, #831e2d 30.8%, #8d2424 33.3%, #952b1b 35.9%, #9d3210 38.5%, #a53a01 41.0%, #ab4400 43.6%, #b14e00 46.2%, #b85600 48.7%, #bf5e00 51.3%, #c66600 53.8%, #ce6e00 56.4%, #d57500 59.0%, #db7d06 61.5%, #e08618 64.1%, #e48e25 66.7%, #e69732 69.2%, #e8a040 71.8%, #eaa950 74.4%, #ebb25f 76.9%, #ecbb6f 79.5%, #edc37f 82.1%, #edcb8e 84.6%, #eed29c 87.2%, #efd9aa 89.7%, #f0dfb7 92.3%, #f1e4c2 94.9%, #f3e8cb 97.4%, #f4ebd2 100.0%);
background: linear-gradient(120deg in oklch, oklch(16.93% 0.0344 255.23) 0.0%, oklch(18.07% 0.0394 261.22) 2.6%, oklch(19.46% 0.0459 268.97) 5.1%, oklch(21.09% 0.0537 278.20) 7.7%, oklch(22.91% 0.0624 288.59) 10.3%, oklch(24.89% 0.0719 299.85) 12.8%, oklch(27.00% 0.0819 311.68) 15.4%, oklch(29.22% 0.0919 323.78) 17.9%, oklch(31.51% 0.1019 335.85) 20.5%, oklch(33.83% 0.1115 347.58) 23.1%, oklch(36.17% 0.1205 358.69) 25.6%, oklch(38.48% 0.1285 8.86) 28.2%, oklch(40.74% 0.1353 17.81) 30.8%, oklch(42.91% 0.1406 25.21) 33.3%, oklch(45.07% 0.1448 31.29) 35.9%, oklch(47.29% 0.1486 36.49) 38.5%, oklch(49.57% 0.1519 40.92) 41.0%, oklch(51.88% 0.1492 44.64) 43.6%, oklch(54.21% 0.1480 47.84) 46.2%, oklch(56.56% 0.1483 50.57) 48.7%, oklch(58.90% 0.1496 52.95) 51.3%, oklch(61.22% 0.1515 55.07) 53.8%, oklch(63.50% 0.1536 57.03) 56.4%, oklch(65.74% 0.1558 58.93) 59.0%, oklch(67.92% 0.1566 60.91) 61.5%, oklch(70.03% 0.1538 63.01) 64.1%, oklch(72.05% 0.1502 65.37) 66.7%, oklch(74.04% 0.1451 67.88) 69.2%, oklch(76.05% 0.1381 70.34) 71.8%, oklch(78.07% 0.1297 72.75) 74.4%, oklch(80.08% 0.1200 75.10) 76.9%, oklch(82.05% 0.1095 77.36) 79.5%, oklch(83.96% 0.0985 79.52) 82.1%, oklch(85.80% 0.0873 81.57) 84.6%, oklch(87.54% 0.0762 83.50) 87.2%, oklch(89.17% 0.0656 85.28) 89.7%, oklch(90.66% 0.0558 86.92) 92.3%, oklch(91.99% 0.0471 88.38) 94.9%, oklch(93.14% 0.0399 89.65) 97.4%, oklch(94.09% 0.0344 90.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.034 | 255.2 |
| 2 | 0.429 | 0.141 | 385.2 |
| 3 | 0.72 | 0.15 | 425.4 |
| 4 | 0.941 | 0.034 | 450.7 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)
- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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