# Gold and bronze autumn palette

The Gold and bronze autumn palette brings together light orange and orange. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Vivid tan, orange and brown angular gradient
- Seed: `kS0FA10r29jg2ve`
- Page: https://grabient.com/kS0FA10r29jg2ve?style=angularGradient&steps=32&angle=40
- Drawn as: angular gradient, 32 steps, 40 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.6 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 | `#edba6f` | `oklch(81.89% 0.1102 75.23)` | Pineapple Cake | black, 11.8 to 1 |
| 2 | `#edb76b` | `oklch(81.28% 0.1125 74.50)` | Olden Amber | black, 11.5 to 1 |
| 3 | `#ecb466` | `oklch(80.56% 0.1156 73.60)` | Ba-Dum Ching! | black, 11.2 to 1 |
| 4 | `#ecb061` | `oklch(79.74% 0.1192 72.56)` | Cheater | black, 10.9 to 1 |
| 5 | `#ebac5a` | `oklch(78.82% 0.1233 71.40)` | Shiny Trumpet | black, 10.5 to 1 |
| 6 | `#eba753` | `oklch(77.82% 0.1277 70.13)` | Zucchini Flower | black, 10.2 to 1 |
| 7 | `#eaa34b` | `oklch(76.75% 0.1325 68.78)` | Golden Koi | black, 9.8 to 1 |
| 8 | `#e99d43` | `oklch(75.61% 0.1374 67.35)` | Granary Gold | black, 9.3 to 1 |
| 9 | `#e8983a` | `oklch(74.43% 0.1423 65.88)` | Roasted Chestnut | black, 8.9 to 1 |
| 10 | `#e79231` | `oklch(73.20% 0.1472 64.38)` | Sanskrit | black, 8.5 to 1 |
| 11 | `#e68c27` | `oklch(71.95% 0.1519 62.86)` | Hotter Butter | black, 8.1 to 1 |
| 12 | `#e4861b` | `oklch(70.67% 0.1563 61.35)` | Fulvous | black, 7.7 to 1 |
| 13 | `#e3800c` | `oklch(69.38% 0.1603 59.87)` | Sports Fan | black, 7.3 to 1 |
| 14 | `#e07b00` | `oklch(68.10% 0.1623 58.41)` | First of Fall | black, 6.9 to 1 |
| 15 | `#dc7600` | `oklch(66.83% 0.1616 57.04)` | Orange Outburst | black, 6.6 to 1 |
| 16 | `#d97100` | `oklch(65.58% 0.1609 55.74)` | Gold Orange | black, 6.3 to 1 |
| 17 | `#d56d00` | `oklch(64.34% 0.1602 54.53)` | Marmalade | black, 6 to 1 |
| 18 | `#d16800` | `oklch(63.01% 0.1593 53.30)` | Cinnamon | black, 5.6 to 1 |
| 19 | `#cc6300` | `oklch(61.59% 0.1583 52.04)` | Curry Powder | black, 5.3 to 1 |
| 20 | `#c75e00` | `oklch(60.10% 0.1572 50.76)` | Kvass | black, 5 to 1 |
| 21 | `#c25900` | `oklch(58.57% 0.1560 49.48)` | Rust Orange | black, 4.7 to 1 |
| 22 | `#bd5400` | `oklch(57.00% 0.1547 48.20)` | Obscure Orange | white, 4.7 to 1 |
| 23 | `#b84f00` | `oklch(55.42% 0.1535 46.94)` | Bloodhound | white, 5 to 1 |
| 24 | `#b24a00` | `oklch(53.86% 0.1521 45.71)` | Skrag Brown | white, 5.4 to 1 |
| 25 | `#ad4500` | `oklch(52.32% 0.1508 44.52)` | Pepperoni | white, 5.7 to 1 |
| 26 | `#a84000` | `oklch(50.84% 0.1496 43.37)` | Rust | white, 6.1 to 1 |
| 27 | `#a33c00` | `oklch(49.42% 0.1483 42.29)` | Muddy | white, 6.5 to 1 |
| 28 | `#9e3800` | `oklch(48.10% 0.1471 41.28)` | Muddy | white, 6.9 to 1 |
| 29 | `#9a3400` | `oklch(46.88% 0.1461 40.35)` | Chocoholic | white, 7.3 to 1 |
| 30 | `#963000` | `oklch(45.80% 0.1451 39.52)` | Hawaiian Malasada | white, 7.6 to 1 |
| 31 | `#932d00` | `oklch(44.86% 0.1444 38.80)` | Brown Red | white, 8 to 1 |
| 32 | `#912b00` | `oklch(44.10% 0.1438 38.19)` | Brown Red | white, 8.2 to 1 |

## CSS

```css
background: conic-gradient(from 40deg, #edba6f 0.0%, #edb76b 3.2%, #ecb466 6.5%, #ecb061 9.7%, #ebac5a 12.9%, #eba753 16.1%, #eaa34b 19.4%, #e99d43 22.6%, #e8983a 25.8%, #e79231 29.0%, #e68c27 32.3%, #e4861b 35.5%, #e3800c 38.7%, #e07b00 41.9%, #dc7600 45.2%, #d97100 48.4%, #d56d00 51.6%, #d16800 54.8%, #cc6300 58.1%, #c75e00 61.3%, #c25900 64.5%, #bd5400 67.7%, #b84f00 71.0%, #b24a00 74.2%, #ad4500 77.4%, #a84000 80.6%, #a33c00 83.9%, #9e3800 87.1%, #9a3400 90.3%, #963000 93.5%, #932d00 96.8%, #912b00 100.0%);
background: conic-gradient(from 40deg in oklch, oklch(81.89% 0.1102 75.23) 0.0%, oklch(81.28% 0.1125 74.50) 3.2%, oklch(80.56% 0.1156 73.60) 6.5%, oklch(79.74% 0.1192 72.56) 9.7%, oklch(78.82% 0.1233 71.40) 12.9%, oklch(77.82% 0.1277 70.13) 16.1%, oklch(76.75% 0.1325 68.78) 19.4%, oklch(75.61% 0.1374 67.35) 22.6%, oklch(74.43% 0.1423 65.88) 25.8%, oklch(73.20% 0.1472 64.38) 29.0%, oklch(71.95% 0.1519 62.86) 32.3%, oklch(70.67% 0.1563 61.35) 35.5%, oklch(69.38% 0.1603 59.87) 38.7%, oklch(68.10% 0.1623 58.41) 41.9%, oklch(66.83% 0.1616 57.04) 45.2%, oklch(65.58% 0.1609 55.74) 48.4%, oklch(64.34% 0.1602 54.53) 51.6%, oklch(63.01% 0.1593 53.30) 54.8%, oklch(61.59% 0.1583 52.04) 58.1%, oklch(60.10% 0.1572 50.76) 61.3%, oklch(58.57% 0.1560 49.48) 64.5%, oklch(57.00% 0.1547 48.20) 67.7%, oklch(55.42% 0.1535 46.94) 71.0%, oklch(53.86% 0.1521 45.71) 74.2%, oklch(52.32% 0.1508 44.52) 77.4%, oklch(50.84% 0.1496 43.37) 80.6%, oklch(49.42% 0.1483 42.29) 83.9%, oklch(48.10% 0.1471 41.28) 87.1%, oklch(46.88% 0.1461 40.35) 90.3%, oklch(45.80% 0.1451 39.52) 93.5%, oklch(44.86% 0.1444 38.80) 96.8%, oklch(44.10% 0.1438 38.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.11 | 75.2 |
| 2 | 0.65 | 0.169 | 55.2 |
| 3 | 0.441 | 0.15 | 38.2 |

## In these collections

- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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