# Near-black and bronze color palette

The Near-black and bronze color palette brings together dark red, red, orange, and light orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark red, and its lightest tone is light orange.

- Also called: Analogous brown, orange and tan angular gradient
- Seed: `kULh0XMKvAUw9wXoKELA`
- Page: https://grabient.com/kULh0XMKvAUw9wXoKELA?style=angularGradient&steps=14&angle=99
- Drawn as: angular gradient, 14 steps, 99 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#210a06` | `oklch(18.11% 0.0400 32.34)` | Severely Burnt Toast | white, 18.9 to 1 |
| 2 | `#2d0e08` | `oklch(21.34% 0.0536 32.66)` | Root Brew | white, 17.8 to 1 |
| 3 | `#40130a` | `oklch(25.94% 0.0732 33.05)` | Black Chocolate | white, 15.9 to 1 |
| 4 | `#57190b` | `oklch(31.24% 0.0949 33.73)` | Baragon Brown | white, 13.5 to 1 |
| 5 | `#6e200c` | `oklch(36.54% 0.1145 34.95)` | Prune | white, 11.1 to 1 |
| 6 | `#83280a` | `oklch(41.43% 0.1303 36.82)` | Caponata | white, 9.2 to 1 |
| 7 | `#993203` | `oklch(46.38% 0.1461 39.17)` | Chocoholic | white, 7.5 to 1 |
| 8 | `#ac3f00` | `oklch(51.42% 0.1552 42.00)` | Donkey Kong | white, 6 to 1 |
| 9 | `#be4f00` | `oklch(56.47% 0.1602 45.48)` | Crustose Lichen | white, 4.8 to 1 |
| 10 | `#cf6000` | `oklch(61.59% 0.1635 49.72)` | Brusque Brown | black, 5.3 to 1 |
| 11 | `#dd781a` | `oklch(67.32% 0.1573 55.61)` | Manticore Wing | black, 6.7 to 1 |
| 12 | `#e6923e` | `oklch(73.17% 0.1399 62.24)` | Sanskrit | black, 8.5 to 1 |
| 13 | `#eba95c` | `oklch(78.30% 0.1221 68.31)` | Summer Day | black, 10.3 to 1 |
| 14 | `#f0b870` | `oklch(81.89% 0.1102 72.50)` | Golden Corn | black, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 99deg, #210a06 0.0%, #2d0e08 7.7%, #40130a 15.4%, #57190b 23.1%, #6e200c 30.8%, #83280a 38.5%, #993203 46.2%, #ac3f00 53.8%, #be4f00 61.5%, #cf6000 69.2%, #dd781a 76.9%, #e6923e 84.6%, #eba95c 92.3%, #f0b870 100.0%);
background: conic-gradient(from 99deg in oklch, oklch(18.11% 0.0400 32.34) 0.0%, oklch(21.34% 0.0536 32.66) 7.7%, oklch(25.94% 0.0732 33.05) 15.4%, oklch(31.24% 0.0949 33.73) 23.1%, oklch(36.54% 0.1145 34.95) 30.8%, oklch(41.43% 0.1303 36.82) 38.5%, oklch(46.38% 0.1461 39.17) 46.2%, oklch(51.42% 0.1552 42.00) 53.8%, oklch(56.47% 0.1602 45.48) 61.5%, oklch(61.59% 0.1635 49.72) 69.2%, oklch(67.32% 0.1573 55.61) 76.9%, oklch(73.17% 0.1399 62.24) 84.6%, oklch(78.30% 0.1221 68.31) 92.3%, oklch(81.89% 0.1102 72.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.04 | 32.3 |
| 2 | 0.382 | 0.12 | 35.5 |
| 3 | 0.598 | 0.169 | 48.2 |
| 4 | 0.819 | 0.11 | 72.5 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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