# Bronze oktoberfest palette

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

- Also called: Analogous brown and orange angular gradient
- Seed: `kaPRccrxvAUStwLZMsHZi7B0EpvCjEb8A`
- Page: https://grabient.com/kaPRccrxvAUStwLZMsHZi7B0EpvCjEb8A?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#2c1a14` | `oklch(24.02% 0.0317 40.08)` | Tetsu-Guro Black | white, 16.5 to 1 |
| 2 | `#331d15` | `oklch(25.65% 0.0374 40.44)` | Scorched | white, 15.8 to 1 |
| 3 | `#3b2117` | `oklch(27.92% 0.0453 40.93)` | Brown Pod | white, 14.8 to 1 |
| 4 | `#462519` | `oklch(30.62% 0.0547 41.53)` | Wild Brown | white, 13.5 to 1 |
| 5 | `#522a1a` | `oklch(33.55% 0.0646 42.26)` | Bittersweet Chocolate | white, 12.2 to 1 |
| 6 | `#5e301c` | `oklch(36.52% 0.0743 43.10)` | Overbaked | white, 10.9 to 1 |
| 7 | `#6b361e` | `oklch(39.52% 0.0839 43.99)` | Searing Gorge Brown | white, 9.7 to 1 |
| 8 | `#783c1e` | `oklch(42.76% 0.0944 44.88)` | Kara Cha Brown | white, 8.5 to 1 |
| 9 | `#87431f` | `oklch(46.12% 0.1051 45.90)` | Honey Garlic Beef | white, 7.3 to 1 |
| 10 | `#954a1f` | `oklch(49.53% 0.1150 47.20)` | Nightcap | white, 6.4 to 1 |
| 11 | `#a3521f` | `oklch(52.86% 0.1232 48.91)` | Hamburger | white, 5.5 to 1 |
| 12 | `#af5b20` | `oklch(56.10% 0.1291 51.17)` | Mid Century Furniture | white, 4.8 to 1 |
| 13 | `#ba6522` | `oklch(59.41% 0.1334 54.00)` | Shutter Copper | black, 4.9 to 1 |
| 14 | `#c47024` | `oklch(62.70% 0.1363 57.20)` | Caramelised Peach | black, 5.6 to 1 |
| 15 | `#cd7b27` | `oklch(65.85% 0.1381 60.55)` | Ochre | black, 6.4 to 1 |
| 16 | `#d5852c` | `oklch(68.75% 0.1390 63.87)` | Dulce de Leche | black, 7.2 to 1 |
| 17 | `#dc9032` | `oklch(71.47% 0.1391 67.18)` | Soft Pumpkin | black, 8 to 1 |
| 18 | `#e29d3a` | `oklch(74.66% 0.1379 71.46)` | Intense Yellow | black, 9.1 to 1 |
| 19 | `#e8aa45` | `oklch(77.79% 0.1356 75.98)` | Yakitori | black, 10.2 to 1 |
| 20 | `#ebb44f` | `oklch(80.14% 0.1328 79.70)` | Goldsmith | black, 11.1 to 1 |
| 21 | `#ebb855` | `oklch(80.96% 0.1299 81.57)` | Ronchi | black, 11.4 to 1 |
| 22 | `#e6b353` | `oklch(79.54% 0.1274 80.54)` | Cookie Crust | black, 10.9 to 1 |
| 23 | `#dda349` | `oklch(75.46% 0.1261 75.89)` | Solar Fusion | black, 9.4 to 1 |
| 24 | `#cf8d3b` | `oklch(69.52% 0.1250 68.84)` | Hey Honey! | black, 7.5 to 1 |
| 25 | `#bd752f` | `oklch(62.71% 0.1232 60.97)` | Sudan Brown | black, 5.7 to 1 |
| 26 | `#a95e26` | `oklch(56.00% 0.1196 53.84)` | Scarecrow Frown | white, 4.8 to 1 |
| 27 | `#964d21` | `oklch(50.32% 0.1130 48.98)` | Nightcap | white, 6.1 to 1 |
| 28 | `#82401e` | `oklch(45.01% 0.1017 46.13)` | Dusky Orange | white, 7.7 to 1 |
| 29 | `#6c351c` | `oklch(39.68% 0.0870 44.39)` | Rosewood Brown | white, 9.6 to 1 |
| 30 | `#582c19` | `oklch(34.73% 0.0714 43.40)` | Fudge Brownie | white, 11.7 to 1 |
| 31 | `#472516` | `oklch(30.56% 0.0577 42.79)` | Wild Brown | white, 13.6 to 1 |
| 32 | `#3b1f14` | `oklch(27.56% 0.0482 42.19)` | Scorched | white, 15 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #2c1a14 0.0%, #331d15 3.2%, #3b2117 6.5%, #462519 9.7%, #522a1a 12.9%, #5e301c 16.1%, #6b361e 19.4%, #783c1e 22.6%, #87431f 25.8%, #954a1f 29.0%, #a3521f 32.3%, #af5b20 35.5%, #ba6522 38.7%, #c47024 41.9%, #cd7b27 45.2%, #d5852c 48.4%, #dc9032 51.6%, #e29d3a 54.8%, #e8aa45 58.1%, #ebb44f 61.3%, #ebb855 64.5%, #e6b353 67.7%, #dda349 71.0%, #cf8d3b 74.2%, #bd752f 77.4%, #a95e26 80.6%, #964d21 83.9%, #82401e 87.1%, #6c351c 90.3%, #582c19 93.5%, #472516 96.8%, #3b1f14 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(24.02% 0.0317 40.08) 0.0%, oklch(25.65% 0.0374 40.44) 3.2%, oklch(27.92% 0.0453 40.93) 6.5%, oklch(30.62% 0.0547 41.53) 9.7%, oklch(33.55% 0.0646 42.26) 12.9%, oklch(36.52% 0.0743 43.10) 16.1%, oklch(39.52% 0.0839 43.99) 19.4%, oklch(42.76% 0.0944 44.88) 22.6%, oklch(46.12% 0.1051 45.90) 25.8%, oklch(49.53% 0.1150 47.20) 29.0%, oklch(52.86% 0.1232 48.91) 32.3%, oklch(56.10% 0.1291 51.17) 35.5%, oklch(59.41% 0.1334 54.00) 38.7%, oklch(62.70% 0.1363 57.20) 41.9%, oklch(65.85% 0.1381 60.55) 45.2%, oklch(68.75% 0.1390 63.87) 48.4%, oklch(71.47% 0.1391 67.18) 51.6%, oklch(74.66% 0.1379 71.46) 54.8%, oklch(77.79% 0.1356 75.98) 58.1%, oklch(80.14% 0.1328 79.70) 61.3%, oklch(80.96% 0.1299 81.57) 64.5%, oklch(79.54% 0.1274 80.54) 67.7%, oklch(75.46% 0.1261 75.89) 71.0%, oklch(69.52% 0.1250 68.84) 74.2%, oklch(62.71% 0.1232 60.97) 77.4%, oklch(56.00% 0.1196 53.84) 80.6%, oklch(50.32% 0.1130 48.98) 83.9%, oklch(45.01% 0.1017 46.13) 87.1%, oklch(39.68% 0.0870 44.39) 90.3%, oklch(34.73% 0.0714 43.40) 93.5%, oklch(30.56% 0.0577 42.79) 96.8%, oklch(27.56% 0.0482 42.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.032 | 40.1 |
| 2 | 0.37 | 0.076 | 43.2 |
| 3 | 0.539 | 0.125 | 49.6 |
| 4 | 0.701 | 0.139 | 65.4 |
| 5 | 0.803 | 0.128 | 81.3 |
| 6 | 0.512 | 0.114 | 49.6 |
| 7 | 0.276 | 0.048 | 42.2 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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