# Bronze and burgundy orange palette

The Bronze and burgundy orange palette brings together orange and dark red. The colors span a moderate 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 red, and its lightest tone is orange.

- Also called: Dark monochrome brown linear gradient
- Seed: `kSiVcjraY-5gUPw`
- Page: https://grabient.com/kSiVcjraY-5gUPw?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, dark, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#a45625` | `oklch(53.94% 0.1199 49.92)` | Spicy Cinnamon | white, 5.3 to 1 |
| 2 | `#a25424` | `oklch(53.28% 0.1194 49.61)` | Warmth | white, 5.4 to 1 |
| 3 | `#9f5222` | `oklch(52.48% 0.1189 49.24)` | Ancient Bronze | white, 5.6 to 1 |
| 4 | `#9c4f20` | `oklch(51.55% 0.1184 48.80)` | Ancient Bronze | white, 5.8 to 1 |
| 5 | `#994c1e` | `oklch(50.52% 0.1179 48.31)` | Rendang | white, 6.1 to 1 |
| 6 | `#95491c` | `oklch(49.39% 0.1173 47.78)` | Nightcap | white, 6.4 to 1 |
| 7 | `#914519` | `oklch(48.19% 0.1167 47.22)` | Korichnewyi Brown | white, 6.7 to 1 |
| 8 | `#8d4216` | `oklch(46.92% 0.1160 46.62)` | Korichnewyi Brown | white, 7.1 to 1 |
| 9 | `#893e14` | `oklch(45.61% 0.1152 46.00)` | Gryphonne Sepia Wash | white, 7.6 to 1 |
| 10 | `#853a11` | `oklch(44.26% 0.1143 45.37)` | Dusky Orange | white, 8 to 1 |
| 11 | `#80360e` | `oklch(42.90% 0.1133 44.73)` | Red Beech | white, 8.5 to 1 |
| 12 | `#7b330c` | `oklch(41.54% 0.1121 44.10)` | Beer Glazed Bacon | white, 9 to 1 |
| 13 | `#772f09` | `oklch(40.19% 0.1108 43.47)` | Beer Glazed Bacon | white, 9.5 to 1 |
| 14 | `#722c07` | `oklch(38.88% 0.1093 42.86)` | Chestnut | white, 10.1 to 1 |
| 15 | `#6e2806` | `oklch(37.61% 0.1076 42.28)` | Centipede Brown | white, 10.6 to 1 |
| 16 | `#6a2505` | `oklch(36.40% 0.1057 41.73)` | Roastery | white, 11.1 to 1 |
| 17 | `#652304` | `oklch(35.25% 0.1036 41.21)` | Raw Chocolate | white, 11.6 to 1 |
| 18 | `#612004` | `oklch(34.07% 0.1011 40.68)` | Raw Chocolate | white, 12.2 to 1 |
| 19 | `#5c1e04` | `oklch(32.84% 0.0981 40.13)` | Altar Wine | white, 12.7 to 1 |
| 20 | `#581b04` | `oklch(31.59% 0.0949 39.58)` | Peaty Brown | white, 13.3 to 1 |
| 21 | `#531904` | `oklch(30.32% 0.0914 39.02)` | Chocolate Rush | white, 13.9 to 1 |
| 22 | `#4e1704` | `oklch(29.04% 0.0877 38.46)` | Earth Brown | white, 14.5 to 1 |
| 23 | `#491504` | `oklch(27.78% 0.0838 37.91)` | Bean | white, 15.1 to 1 |
| 24 | `#441304` | `oklch(26.54% 0.0799 37.37)` | Black Chocolate | white, 15.6 to 1 |
| 25 | `#3f1104` | `oklch(25.33% 0.0761 36.85)` | Red Bean | white, 16.2 to 1 |
| 26 | `#3b0f04` | `oklch(24.17% 0.0723 36.35)` | Red Bean | white, 16.7 to 1 |
| 27 | `#370d04` | `oklch(23.06% 0.0687 35.87)` | Red Bean | white, 17.1 to 1 |
| 28 | `#330c04` | `oklch(22.03% 0.0652 35.43)` | Chocolate Melange | white, 17.5 to 1 |
| 29 | `#2f0b04` | `oklch(21.09% 0.0621 35.02)` | Root Brew | white, 17.9 to 1 |
| 30 | `#2c0a03` | `oklch(20.24% 0.0593 34.66)` | Root Brew | white, 18.2 to 1 |
| 31 | `#290903` | `oklch(19.51% 0.0570 34.34)` | Root Brew | white, 18.5 to 1 |
| 32 | `#270803` | `oklch(18.90% 0.0551 34.07)` | Sepia Black | white, 18.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a45625 0.0%, #a25424 3.2%, #9f5222 6.5%, #9c4f20 9.7%, #994c1e 12.9%, #95491c 16.1%, #914519 19.4%, #8d4216 22.6%, #893e14 25.8%, #853a11 29.0%, #80360e 32.3%, #7b330c 35.5%, #772f09 38.7%, #722c07 41.9%, #6e2806 45.2%, #6a2505 48.4%, #652304 51.6%, #612004 54.8%, #5c1e04 58.1%, #581b04 61.3%, #531904 64.5%, #4e1704 67.7%, #491504 71.0%, #441304 74.2%, #3f1104 77.4%, #3b0f04 80.6%, #370d04 83.9%, #330c04 87.1%, #2f0b04 90.3%, #2c0a03 93.5%, #290903 96.8%, #270803 100.0%);
background: linear-gradient(135deg in oklch, oklch(53.94% 0.1199 49.92) 0.0%, oklch(53.28% 0.1194 49.61) 3.2%, oklch(52.48% 0.1189 49.24) 6.5%, oklch(51.55% 0.1184 48.80) 9.7%, oklch(50.52% 0.1179 48.31) 12.9%, oklch(49.39% 0.1173 47.78) 16.1%, oklch(48.19% 0.1167 47.22) 19.4%, oklch(46.92% 0.1160 46.62) 22.6%, oklch(45.61% 0.1152 46.00) 25.8%, oklch(44.26% 0.1143 45.37) 29.0%, oklch(42.90% 0.1133 44.73) 32.3%, oklch(41.54% 0.1121 44.10) 35.5%, oklch(40.19% 0.1108 43.47) 38.7%, oklch(38.88% 0.1093 42.86) 41.9%, oklch(37.61% 0.1076 42.28) 45.2%, oklch(36.40% 0.1057 41.73) 48.4%, oklch(35.25% 0.1036 41.21) 51.6%, oklch(34.07% 0.1011 40.68) 54.8%, oklch(32.84% 0.0981 40.13) 58.1%, oklch(31.59% 0.0949 39.58) 61.3%, oklch(30.32% 0.0914 39.02) 64.5%, oklch(29.04% 0.0877 38.46) 67.7%, oklch(27.78% 0.0838 37.91) 71.0%, oklch(26.54% 0.0799 37.37) 74.2%, oklch(25.33% 0.0761 36.85) 77.4%, oklch(24.17% 0.0723 36.35) 80.6%, oklch(23.06% 0.0687 35.87) 83.9%, oklch(22.03% 0.0652 35.43) 87.1%, oklch(21.09% 0.0621 35.02) 90.3%, oklch(20.24% 0.0593 34.66) 93.5%, oklch(19.51% 0.0570 34.34) 96.8%, oklch(18.90% 0.0551 34.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.12 | 49.9 |
| 2 | 0.358 | 0.105 | 41.5 |
| 3 | 0.189 | 0.055 | 34.1 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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