# Bronze and burgundy brown palette

The Bronze and burgundy brown palette brings together orange, red, and dark red. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is orange.

- Also called: Monochrome brown to black radial gradient
- Seed: `kScCkfKJC_B2LP8`
- Page: https://grabient.com/kScCkfKJC_B2LP8?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: muted, dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#6d4939` | `oklch(44.09% 0.0565 43.59)` | Birdhouse Brown | white, 7.9 to 1 |
| 2 | `#6c4738` | `oklch(43.64% 0.0561 43.31)` | Birdhouse Brown | white, 8 to 1 |
| 3 | `#6a4637` | `oklch(43.09% 0.0556 42.96)` | Satin Soil | white, 8.2 to 1 |
| 4 | `#684436` | `oklch(42.45% 0.0551 42.53)` | Rugged Brown | white, 8.4 to 1 |
| 5 | `#664234` | `oklch(41.72% 0.0545 42.05)` | Roasted Coffee | white, 8.7 to 1 |
| 6 | `#634033` | `oklch(40.94% 0.0539 41.53)` | Grilled | white, 9 to 1 |
| 7 | `#613e31` | `oklch(40.09% 0.0532 40.98)` | Chocolate Escape | white, 9.3 to 1 |
| 8 | `#5e3c30` | `oklch(39.21% 0.0525 40.40)` | Cioccolato | white, 9.7 to 1 |
| 9 | `#5b3a2e` | `oklch(38.30% 0.0517 39.81)` | Cioccolato | white, 10 to 1 |
| 10 | `#58372c` | `oklch(37.38% 0.0510 39.23)` | Terra Brun | white, 10.4 to 1 |
| 11 | `#55352a` | `oklch(36.45% 0.0501 38.65)` | American Mahogany | white, 10.8 to 1 |
| 12 | `#523329` | `oklch(35.54% 0.0493 38.10)` | Indian Fig | white, 11.2 to 1 |
| 13 | `#503127` | `oklch(34.65% 0.0485 37.58)` | Barn Swallow | white, 11.6 to 1 |
| 14 | `#4d2e26` | `oklch(33.79% 0.0476 37.11)` | Acajou | white, 12 to 1 |
| 15 | `#4a2d24` | `oklch(32.98% 0.0467 36.69)` | Acajou | white, 12.4 to 1 |
| 16 | `#482b23` | `oklch(32.24% 0.0459 36.34)` | Subterranean | white, 12.7 to 1 |
| 17 | `#462921` | `oklch(31.55% 0.0450 36.07)` | Polished Mahogany | white, 13.1 to 1 |
| 18 | `#432820` | `oklch(30.88% 0.0441 35.84)` | Polished Mahogany | white, 13.4 to 1 |
| 19 | `#41261f` | `oklch(30.20% 0.0431 35.65)` | Polished Mahogany | white, 13.7 to 1 |
| 20 | `#3f251e` | `oklch(29.52% 0.0420 35.51)` | Woodsy Brown | white, 14 to 1 |
| 21 | `#3d231d` | `oklch(28.86% 0.0409 35.39)` | Brown Pod | white, 14.3 to 1 |
| 22 | `#3b221c` | `oklch(28.20% 0.0398 35.31)` | Brown Pod | white, 14.6 to 1 |
| 23 | `#38211b` | `oklch(27.56% 0.0386 35.25)` | Scorched | white, 14.9 to 1 |
| 24 | `#36201a` | `oklch(26.95% 0.0375 35.21)` | Scorched | white, 15.2 to 1 |
| 25 | `#341e19` | `oklch(26.35% 0.0364 35.19)` | Scorched | white, 15.5 to 1 |
| 26 | `#321d18` | `oklch(25.79% 0.0353 35.18)` | Scorched | white, 15.8 to 1 |
| 27 | `#311c17` | `oklch(25.26% 0.0342 35.18)` | Black Kite | white, 16 to 1 |
| 28 | `#2f1b16` | `oklch(24.76% 0.0333 35.18)` | Darkroom | white, 16.2 to 1 |
| 29 | `#2e1a15` | `oklch(24.31% 0.0324 35.18)` | Darkroom | white, 16.4 to 1 |
| 30 | `#2c1a15` | `oklch(23.90% 0.0316 35.18)` | Tetsu-Guro Black | white, 16.6 to 1 |
| 31 | `#2b1914` | `oklch(23.54% 0.0309 35.17)` | Tetsu-Guro Black | white, 16.7 to 1 |
| 32 | `#2a1814` | `oklch(23.23% 0.0303 35.14)` | Tetsu-Guro Black | white, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6d4939 0.0%, #6c4738 3.2%, #6a4637 6.5%, #684436 9.7%, #664234 12.9%, #634033 16.1%, #613e31 19.4%, #5e3c30 22.6%, #5b3a2e 25.8%, #58372c 29.0%, #55352a 32.3%, #523329 35.5%, #503127 38.7%, #4d2e26 41.9%, #4a2d24 45.2%, #482b23 48.4%, #462921 51.6%, #432820 54.8%, #41261f 58.1%, #3f251e 61.3%, #3d231d 64.5%, #3b221c 67.7%, #38211b 71.0%, #36201a 74.2%, #341e19 77.4%, #321d18 80.6%, #311c17 83.9%, #2f1b16 87.1%, #2e1a15 90.3%, #2c1a15 93.5%, #2b1914 96.8%, #2a1814 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.0565 43.59) 0.0%, oklch(43.64% 0.0561 43.31) 3.2%, oklch(43.09% 0.0556 42.96) 6.5%, oklch(42.45% 0.0551 42.53) 9.7%, oklch(41.72% 0.0545 42.05) 12.9%, oklch(40.94% 0.0539 41.53) 16.1%, oklch(40.09% 0.0532 40.98) 19.4%, oklch(39.21% 0.0525 40.40) 22.6%, oklch(38.30% 0.0517 39.81) 25.8%, oklch(37.38% 0.0510 39.23) 29.0%, oklch(36.45% 0.0501 38.65) 32.3%, oklch(35.54% 0.0493 38.10) 35.5%, oklch(34.65% 0.0485 37.58) 38.7%, oklch(33.79% 0.0476 37.11) 41.9%, oklch(32.98% 0.0467 36.69) 45.2%, oklch(32.24% 0.0459 36.34) 48.4%, oklch(31.55% 0.0450 36.07) 51.6%, oklch(30.88% 0.0441 35.84) 54.8%, oklch(30.20% 0.0431 35.65) 58.1%, oklch(29.52% 0.0420 35.51) 61.3%, oklch(28.86% 0.0409 35.39) 64.5%, oklch(28.20% 0.0398 35.31) 67.7%, oklch(27.56% 0.0386 35.25) 71.0%, oklch(26.95% 0.0375 35.21) 74.2%, oklch(26.35% 0.0364 35.19) 77.4%, oklch(25.79% 0.0353 35.18) 80.6%, oklch(25.26% 0.0342 35.18) 83.9%, oklch(24.76% 0.0333 35.18) 87.1%, oklch(24.31% 0.0324 35.18) 90.3%, oklch(23.90% 0.0316 35.18) 93.5%, oklch(23.54% 0.0309 35.17) 96.8%, oklch(23.23% 0.0303 35.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.056 | 43.6 |
| 2 | 0.319 | 0.045 | 36.2 |
| 3 | 0.232 | 0.03 | 35.1 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)

## Other forms

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