# Bronze and burgundy brown palette

The Bronze and burgundy brown palette brings together gold, light orange, pale orange, orange, and red. 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 gold, and its lightest tone is pale orange.

- Also called: Monochrome brown and tan angular gradient
- Seed: `kaRoU9sjs_1GqP3tmT88RC-0WoPmnQr4A`
- Page: https://grabient.com/kaRoU9sjs_1GqP3tmT88RC-0WoPmnQr4A?style=angularGradient&steps=13
- Drawn as: angular gradient, 13 steps, 90 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.3 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 | `#342500` | `oklch(27.56% 0.0564 86.31)` | Black Swan | white, 14.8 to 1 |
| 2 | `#413000` | `oklch(31.92% 0.0653 86.10)` | Hidden Passage | white, 12.7 to 1 |
| 3 | `#5a4200` | `oklch(39.37% 0.0807 85.36)` | Sugarloaf Brown | white, 9.5 to 1 |
| 4 | `#836000` | `oklch(51.13% 0.1050 83.61)` | Ground Earth | white, 5.7 to 1 |
| 5 | `#b0842b` | `oklch(64.17% 0.1157 81.20)` | Arrowwood | black, 6.2 to 1 |
| 6 | `#d3ac6f` | `oklch(76.57% 0.0909 78.36)` | Earthen Sienna | black, 9.8 to 1 |
| 7 | `#edcca0` | `oklch(86.22% 0.0689 74.86)` | Quiet Star | black, 13.7 to 1 |
| 8 | `#f8ddbe` | `oklch(91.12% 0.0502 70.50)` | Toes in the Sand | black, 16 to 1 |
| 9 | `#f0d5bc` | `oklch(88.98% 0.0455 65.35)` | Pulled Taffy | black, 14.9 to 1 |
| 10 | `#cc9f7c` | `oklch(73.52% 0.0718 59.41)` | Kenya | black, 8.8 to 1 |
| 11 | `#a25c2c` | `oklch(54.72% 0.1102 52.67)` | Glazed Ginger | white, 5.1 to 1 |
| 12 | `#7b2e00` | `oklch(40.58% 0.1183 43.86)` | Reddish Brown | white, 9.4 to 1 |
| 13 | `#581400` | `oklch(30.71% 0.1037 36.63)` | Baragon Brown | white, 13.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #342500 0.0%, #413000 8.3%, #5a4200 16.7%, #836000 25.0%, #b0842b 33.3%, #d3ac6f 41.7%, #edcca0 50.0%, #f8ddbe 58.3%, #f0d5bc 66.7%, #cc9f7c 75.0%, #a25c2c 83.3%, #7b2e00 91.7%, #581400 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(27.56% 0.0564 86.31) 0.0%, oklch(31.92% 0.0653 86.10) 8.3%, oklch(39.37% 0.0807 85.36) 16.7%, oklch(51.13% 0.1050 83.61) 25.0%, oklch(64.17% 0.1157 81.20) 33.3%, oklch(76.57% 0.0909 78.36) 41.7%, oklch(86.22% 0.0689 74.86) 50.0%, oklch(91.12% 0.0502 70.50) 58.3%, oklch(88.98% 0.0455 65.35) 66.7%, oklch(73.52% 0.0718 59.41) 75.0%, oklch(54.72% 0.1102 52.67) 83.3%, oklch(40.58% 0.1183 43.86) 91.7%, oklch(30.71% 0.1037 36.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.183 | 86.5 |
| 2 | 0.394 | 0.163 | 85.4 |
| 3 | 0.642 | 0.116 | 81.2 |
| 4 | 0.862 | 0.069 | 74.9 |
| 5 | 0.89 | 0.045 | 65.3 |
| 6 | 0.547 | 0.11 | 52.7 |
| 7 | 0.307 | 0.183 | 36.8 |

## In these collections

- [Wood color palette](https://grabient.com/wood-color-palette)
- [Brown gradients](https://grabient.com/brown-gradients)
- [Thanksgiving gradients](https://grabient.com/thanksgiving-gradients)

## Other forms

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