# Burgundy and bronze color palette

The Burgundy and bronze color palette brings together dark red, red, light orange, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is light orange.

- Also called: Analogous maroon, peach and brown radial gradient
- Seed: `kUTFAYUtA_W0iwg6tr8A`
- Page: https://grabient.com/kUTFAYUtA_W0iwg6tr8A?style=radialGradient&steps=32&angle=15
- Drawn as: radial gradient, 32 steps, 15 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#580d00` | `oklch(29.92% 0.1088 33.56)` | Mathematical Rage | white, 14.2 to 1 |
| 2 | `#610f00` | `oklch(31.99% 0.1174 33.20)` | Blood of Zeus | white, 13.3 to 1 |
| 3 | `#6d1101` | `oklch(34.71% 0.1282 32.71)` | Reddy Brown | white, 12.1 to 1 |
| 4 | `#7c1302` | `oklch(37.96% 0.1412 31.91)` | Demonic Presence | white, 10.7 to 1 |
| 5 | `#8d1606` | `oklch(41.59% 0.1557 31.02)` | Brick Red | white, 9.3 to 1 |
| 6 | `#a0190c` | `oklch(45.47% 0.1707 30.13)` | Mechrite Red | white, 7.9 to 1 |
| 7 | `#b31d14` | `oklch(49.48% 0.1853 29.31)` | Cornell Red | white, 6.7 to 1 |
| 8 | `#c6231c` | `oklch(53.47% 0.1985 28.64)` | Minestrone | white, 5.7 to 1 |
| 9 | `#d82a25` | `oklch(57.32% 0.2094 28.19)` | Maximum Red | white, 4.8 to 1 |
| 10 | `#e8342d` | `oklch(60.88% 0.2170 28.05)` | Ceremonial Red Ribbon | black, 4.9 to 1 |
| 11 | `#f53e34` | `oklch(64.03% 0.2204 28.29)` | Flamboyant | black, 5.6 to 1 |
| 12 | `#ff4b3c` | `oklch(66.82% 0.2187 29.02)` | Orange Dusk | black, 6.3 to 1 |
| 13 | `#ff644f` | `oklch(69.79% 0.1934 30.32)` | Pickled Salmon | black, 7.1 to 1 |
| 14 | `#ff7960` | `oklch(72.85% 0.1687 32.08)` | Peachy Pinky | black, 8.1 to 1 |
| 15 | `#ff8b71` | `oklch(75.87% 0.1460 34.16)` | Miami Coral | black, 9.2 to 1 |
| 16 | `#ff9c80` | `oklch(78.74% 0.1259 36.42)` | Peachy Salmon | black, 10.2 to 1 |
| 17 | `#ffa98d` | `oklch(81.31% 0.1090 38.74)` | Super Sepia | black, 11.3 to 1 |
| 18 | `#ffb499` | `oklch(83.47% 0.0955 40.99)` | Island Girl | black, 12.2 to 1 |
| 19 | `#ffbca1` | `oklch(85.10% 0.0859 43.03)` | Pallid Orange | black, 12.9 to 1 |
| 20 | `#ffc1a6` | `oklch(86.05% 0.0805 44.72)` | Sweet Apricot | black, 13.4 to 1 |
| 21 | `#ffc2a6` | `oklch(86.22% 0.0802 45.95)` | Sweet Apricot | black, 13.5 to 1 |
| 22 | `#ffbea0` | `oklch(85.44% 0.0857 46.58)` | Sweet Apricot | black, 13.1 to 1 |
| 23 | `#fcb694` | `oklch(83.37% 0.0938 46.66)` | Carotene | black, 12.2 to 1 |
| 24 | `#f3ab89` | `oklch(80.17% 0.0964 46.33)` | Salmon Slice | black, 10.9 to 1 |
| 25 | `#e79d7a` | `oklch(76.09% 0.1014 45.66)` | Les Demoiselles d’Avignon | black, 9.5 to 1 |
| 26 | `#db8c69` | `oklch(71.41% 0.1082 44.74)` | Copper Wire | black, 7.9 to 1 |
| 27 | `#ce7a56` | `oklch(66.40% 0.1162 43.67)` | Brazen Orange | black, 6.5 to 1 |
| 28 | `#c16844` | `oklch(61.35% 0.1246 42.52)` | Clay Pot | black, 5.3 to 1 |
| 29 | `#b55731` | `oklch(56.51% 0.1328 41.40)` | Fiery Orange | white, 4.8 to 1 |
| 30 | `#aa471f` | `oklch(52.17% 0.1403 40.38)` | Potter’s Clay | white, 5.8 to 1 |
| 31 | `#a0390d` | `oklch(48.60% 0.1463 39.56)` | Muddy | white, 6.8 to 1 |
| 32 | `#983000` | `oklch(46.06% 0.1477 38.98)` | Chocolate Fondue | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #580d00 0.0%, #610f00 3.2%, #6d1101 6.5%, #7c1302 9.7%, #8d1606 12.9%, #a0190c 16.1%, #b31d14 19.4%, #c6231c 22.6%, #d82a25 25.8%, #e8342d 29.0%, #f53e34 32.3%, #ff4b3c 35.5%, #ff644f 38.7%, #ff7960 41.9%, #ff8b71 45.2%, #ff9c80 48.4%, #ffa98d 51.6%, #ffb499 54.8%, #ffbca1 58.1%, #ffc1a6 61.3%, #ffc2a6 64.5%, #ffbea0 67.7%, #fcb694 71.0%, #f3ab89 74.2%, #e79d7a 77.4%, #db8c69 80.6%, #ce7a56 83.9%, #c16844 87.1%, #b55731 90.3%, #aa471f 93.5%, #a0390d 96.8%, #983000 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.92% 0.1088 33.56) 0.0%, oklch(31.99% 0.1174 33.20) 3.2%, oklch(34.71% 0.1282 32.71) 6.5%, oklch(37.96% 0.1412 31.91) 9.7%, oklch(41.59% 0.1557 31.02) 12.9%, oklch(45.47% 0.1707 30.13) 16.1%, oklch(49.48% 0.1853 29.31) 19.4%, oklch(53.47% 0.1985 28.64) 22.6%, oklch(57.32% 0.2094 28.19) 25.8%, oklch(60.88% 0.2170 28.05) 29.0%, oklch(64.03% 0.2204 28.29) 32.3%, oklch(66.82% 0.2187 29.02) 35.5%, oklch(69.79% 0.1934 30.32) 38.7%, oklch(72.85% 0.1687 32.08) 41.9%, oklch(75.87% 0.1460 34.16) 45.2%, oklch(78.74% 0.1259 36.42) 48.4%, oklch(81.31% 0.1090 38.74) 51.6%, oklch(83.47% 0.0955 40.99) 54.8%, oklch(85.10% 0.0859 43.03) 58.1%, oklch(86.05% 0.0805 44.72) 61.3%, oklch(86.22% 0.0802 45.95) 64.5%, oklch(85.44% 0.0857 46.58) 67.7%, oklch(83.37% 0.0938 46.66) 71.0%, oklch(80.17% 0.0964 46.33) 74.2%, oklch(76.09% 0.1014 45.66) 77.4%, oklch(71.41% 0.1082 44.74) 80.6%, oklch(66.40% 0.1162 43.67) 83.9%, oklch(61.35% 0.1246 42.52) 87.1%, oklch(56.51% 0.1328 41.40) 90.3%, oklch(52.17% 0.1403 40.38) 93.5%, oklch(48.60% 0.1463 39.56) 96.8%, oklch(46.06% 0.1477 38.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.11 | 33.8 |
| 2 | 0.65 | 0.22 | 28.5 |
| 3 | 0.858 | 0.095 | 46.4 |
| 4 | 0.461 | 0.15 | 39 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)
- [Fire gradients](https://grabient.com/fire-gradients)
- [Persimmon gradients](https://grabient.com/persimmon-gradients)

## Other forms

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