# Ochre and bronze oktoberfest palette

The Ochre and bronze oktoberfest palette brings together gold, orange, and dark orange. 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: Monochrome tan to brown radial gradient
- Seed: `kUyFo4Ra08i2bvqcCz_g`
- Page: https://grabient.com/kUyFo4Ra08i2bvqcCz_g?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#e4b055` | `oklch(78.74% 0.1240 78.75)` | Cookie Crust | black, 10.6 to 1 |
| 2 | `#e2aa51` | `oklch(77.34% 0.1242 77.04)` | Mellowed Gold | black, 10.1 to 1 |
| 3 | `#dea34b` | `oklch(75.53% 0.1247 74.75)` | Golden Tiger | black, 9.4 to 1 |
| 4 | `#d99b45` | `oklch(73.37% 0.1255 72.02)` | Aged Gouda | black, 8.7 to 1 |
| 5 | `#d4923f` | `oklch(70.95% 0.1262 68.95)` | Hint of Caramel | black, 7.9 to 1 |
| 6 | `#ce8838` | `oklch(68.36% 0.1269 65.70)` | Brown Beige | black, 7.1 to 1 |
| 7 | `#c87e32` | `oklch(65.66% 0.1274 62.37)` | Exotic Honey | black, 6.4 to 1 |
| 8 | `#c1742d` | `oklch(62.94% 0.1276 59.10)` | Orange Squash | black, 5.7 to 1 |
| 9 | `#b96a29` | `oklch(60.27% 0.1273 56.01)` | Brown Alpaca | black, 5.1 to 1 |
| 10 | `#b26125` | `oklch(57.75% 0.1264 53.23)` | Old Guitar | black, 4.6 to 1 |
| 11 | `#ab5a23` | `oklch(55.43% 0.1247 50.88)` | Caramelised Maple | white, 4.9 to 1 |
| 12 | `#a45422` | `oklch(53.35% 0.1223 49.01)` | Garfield | white, 5.4 to 1 |
| 13 | `#9c4e21` | `oklch(51.33% 0.1189 47.38)` | Rendang | white, 5.9 to 1 |
| 14 | `#954921` | `oklch(49.36% 0.1149 45.95)` | Coco Muck | white, 6.4 to 1 |
| 15 | `#8d4421` | `oklch(47.43% 0.1104 44.71)` | Chocolate Covered | white, 7 to 1 |
| 16 | `#864020` | `oklch(45.56% 0.1054 43.63)` | Dusky Orange | white, 7.5 to 1 |
| 17 | `#7e3c20` | `oklch(43.73% 0.1001 42.70)` | Kara Cha Brown | white, 8.1 to 1 |
| 18 | `#77391f` | `oklch(41.95% 0.0947 41.89)` | Bootstrap Leather | white, 8.8 to 1 |
| 19 | `#6f351f` | `oklch(40.21% 0.0892 41.18)` | Rosewood Brown | white, 9.4 to 1 |
| 20 | `#68321e` | `oklch(38.53% 0.0839 40.56)` | Freshly Roasted Coffee | white, 10.1 to 1 |
| 21 | `#622f1d` | `oklch(36.89% 0.0789 40.00)` | Overbaked | white, 10.8 to 1 |
| 22 | `#5b2c1c` | `oklch(35.30% 0.0743 39.49)` | Kōrozen | white, 11.5 to 1 |
| 23 | `#55291a` | `oklch(33.70% 0.0695 39.13)` | Boson Brown | white, 12.2 to 1 |
| 24 | `#4e2619` | `oklch(32.10% 0.0644 38.94)` | Torrefacto Roast | white, 12.9 to 1 |
| 25 | `#482418` | `oklch(30.52% 0.0593 38.87)` | Wild Brown | white, 13.6 to 1 |
| 26 | `#422116` | `oklch(28.98% 0.0542 38.90)` | Longan’s Kernel | white, 14.3 to 1 |
| 27 | `#3c1f15` | `oklch(27.52% 0.0492 39.01)` | Délicieux au Chocolat | white, 15 to 1 |
| 28 | `#371c14` | `oklch(26.14% 0.0445 39.16)` | Scorched | white, 15.6 to 1 |
| 29 | `#321a12` | `oklch(24.89% 0.0401 39.33)` | Darkroom | white, 16.2 to 1 |
| 30 | `#2d1911` | `oklch(23.77% 0.0362 39.49)` | Darkroom | white, 16.7 to 1 |
| 31 | `#2a1711` | `oklch(22.82% 0.0329 39.61)` | Tetsu-Guro Black | white, 17.1 to 1 |
| 32 | `#271610` | `oklch(22.05% 0.0303 39.65)` | Used Oil | white, 17.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4b055 0.0%, #e2aa51 3.2%, #dea34b 6.5%, #d99b45 9.7%, #d4923f 12.9%, #ce8838 16.1%, #c87e32 19.4%, #c1742d 22.6%, #b96a29 25.8%, #b26125 29.0%, #ab5a23 32.3%, #a45422 35.5%, #9c4e21 38.7%, #954921 41.9%, #8d4421 45.2%, #864020 48.4%, #7e3c20 51.6%, #77391f 54.8%, #6f351f 58.1%, #68321e 61.3%, #622f1d 64.5%, #5b2c1c 67.7%, #55291a 71.0%, #4e2619 74.2%, #482418 77.4%, #422116 80.6%, #3c1f15 83.9%, #371c14 87.1%, #321a12 90.3%, #2d1911 93.5%, #2a1711 96.8%, #271610 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.1240 78.75) 0.0%, oklch(77.34% 0.1242 77.04) 3.2%, oklch(75.53% 0.1247 74.75) 6.5%, oklch(73.37% 0.1255 72.02) 9.7%, oklch(70.95% 0.1262 68.95) 12.9%, oklch(68.36% 0.1269 65.70) 16.1%, oklch(65.66% 0.1274 62.37) 19.4%, oklch(62.94% 0.1276 59.10) 22.6%, oklch(60.27% 0.1273 56.01) 25.8%, oklch(57.75% 0.1264 53.23) 29.0%, oklch(55.43% 0.1247 50.88) 32.3%, oklch(53.35% 0.1223 49.01) 35.5%, oklch(51.33% 0.1189 47.38) 38.7%, oklch(49.36% 0.1149 45.95) 41.9%, oklch(47.43% 0.1104 44.71) 45.2%, oklch(45.56% 0.1054 43.63) 48.4%, oklch(43.73% 0.1001 42.70) 51.6%, oklch(41.95% 0.0947 41.89) 54.8%, oklch(40.21% 0.0892 41.18) 58.1%, oklch(38.53% 0.0839 40.56) 61.3%, oklch(36.89% 0.0789 40.00) 64.5%, oklch(35.30% 0.0743 39.49) 67.7%, oklch(33.70% 0.0695 39.13) 71.0%, oklch(32.10% 0.0644 38.94) 74.2%, oklch(30.52% 0.0593 38.87) 77.4%, oklch(28.98% 0.0542 38.90) 80.6%, oklch(27.52% 0.0492 39.01) 83.9%, oklch(26.14% 0.0445 39.16) 87.1%, oklch(24.89% 0.0401 39.33) 90.3%, oklch(23.77% 0.0362 39.49) 93.5%, oklch(22.82% 0.0329 39.61) 96.8%, oklch(22.05% 0.0303 39.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.124 | 78.8 |
| 2 | 0.547 | 0.124 | 50.2 |
| 3 | 0.358 | 0.076 | 39.7 |
| 4 | 0.22 | 0.03 | 39.7 |

## In these collections

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

## Other forms

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