# Bronze and gold color palette

The Bronze and gold color palette brings together dark orange, gold, and light yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is dark orange, and its lightest tone is light yellow.

- Also called: Seamless monochrome brown and tan radial gradient
- Seed: `kWRywvvShA3Ugwq_q71phm_A`
- Page: https://grabient.com/kWRywvvShA3Ugwq_q71phm_A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, warm, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#3c2201` | `oklch(27.95% 0.0606 66.80)` | Dark Ebony | white, 14.7 to 1 |
| 2 | `#412500` | `oklch(29.39% 0.0649 67.09)` | Blackened Brown | white, 14.1 to 1 |
| 3 | `#472900` | `oklch(31.12% 0.0685 67.60)` | Stirland Mud | white, 13.2 to 1 |
| 4 | `#4e2d00` | `oklch(33.17% 0.0727 68.24)` | Kyoto House | white, 12.3 to 1 |
| 5 | `#563300` | `oklch(35.56% 0.0775 69.02)` | Eyelash Camel | white, 11.2 to 1 |
| 6 | `#5f3a00` | `oklch(38.32% 0.0830 70.00)` | Hippogriff Brown | white, 10 to 1 |
| 7 | `#694200` | `oklch(41.48% 0.0892 71.23)` | Violin Brown | white, 8.8 to 1 |
| 8 | `#754b00` | `oklch(45.06% 0.0961 72.76)` | Lucky Brown | white, 7.5 to 1 |
| 9 | `#835600` | `oklch(49.14% 0.1038 74.68)` | Spear Shaft | white, 6.3 to 1 |
| 10 | `#94670d` | `oklch(54.72% 0.1103 77.53)` | Gamboge Brown | white, 4.9 to 1 |
| 11 | `#a67e2d` | `oklch(61.66% 0.1078 81.11)` | Burnt Honey | black, 5.6 to 1 |
| 12 | `#ba974a` | `oklch(69.23% 0.1039 85.09)` | Roti | black, 7.5 to 1 |
| 13 | `#cdb066` | `oklch(76.72% 0.0994 89.07)` | Filtered Rays | black, 10 to 1 |
| 14 | `#dec880` | `oklch(83.44% 0.0949 92.67)` | Blossom Yellow | black, 12.6 to 1 |
| 15 | `#ecda93` | `oklch(88.66% 0.0914 95.50)` | Pineapple Crush | black, 14.9 to 1 |
| 16 | `#f4e49f` | `oklch(91.67% 0.0896 97.16)` | Venetian Yellow | black, 16.4 to 1 |
| 17 | `#f4e59f` | `oklch(91.80% 0.0902 97.31)` | Venetian Yellow | black, 16.5 to 1 |
| 18 | `#eddb93` | `oklch(89.07% 0.0934 95.94)` | Pineapple Crush | black, 15.1 to 1 |
| 19 | `#e0ca7f` | `oklch(84.14% 0.0984 93.43)` | Camel Cord | black, 12.9 to 1 |
| 20 | `#d0b465` | `oklch(77.72% 0.1043 90.14)` | Trumpet | black, 10.3 to 1 |
| 21 | `#be9b47` | `oklch(70.51% 0.1102 86.47)` | Brown Rum | black, 7.9 to 1 |
| 22 | `#ac8228` | `oklch(63.20% 0.1154 82.77)` | Bronze Leaf | black, 5.9 to 1 |
| 23 | `#9a6c00` | `oklch(56.49% 0.1172 79.40)` | Balor Brown | white, 4.6 to 1 |
| 24 | `#885d00` | `oklch(51.07% 0.1069 76.77)` | Rat Brown | white, 5.8 to 1 |
| 25 | `#7b5100` | `oklch(47.10% 0.0994 74.97)` | Intense Brown | white, 6.9 to 1 |
| 26 | `#6f4800` | `oklch(43.58% 0.0926 73.50)` | Antique Bronze | white, 8 to 1 |
| 27 | `#654000` | `oklch(40.43% 0.0864 72.29)` | Notorious Neanderthal | white, 9.2 to 1 |
| 28 | `#5c3900` | `oklch(37.65% 0.0809 71.29)` | Hippogriff Brown | white, 10.3 to 1 |
| 29 | `#543300` | `oklch(35.22% 0.0761 70.48)` | Eyelash Camel | white, 11.3 to 1 |
| 30 | `#4d2e00` | `oklch(33.13% 0.0719 69.80)` | Kyoto House | white, 12.3 to 1 |
| 31 | `#472a00` | `oklch(31.37% 0.0683 69.22)` | Stirland Mud | white, 13.1 to 1 |
| 32 | `#422600` | `oklch(29.92% 0.0654 68.70)` | Blackened Brown | white, 13.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3c2201 0.0%, #412500 3.2%, #472900 6.5%, #4e2d00 9.7%, #563300 12.9%, #5f3a00 16.1%, #694200 19.4%, #754b00 22.6%, #835600 25.8%, #94670d 29.0%, #a67e2d 32.3%, #ba974a 35.5%, #cdb066 38.7%, #dec880 41.9%, #ecda93 45.2%, #f4e49f 48.4%, #f4e59f 51.6%, #eddb93 54.8%, #e0ca7f 58.1%, #d0b465 61.3%, #be9b47 64.5%, #ac8228 67.7%, #9a6c00 71.0%, #885d00 74.2%, #7b5100 77.4%, #6f4800 80.6%, #654000 83.9%, #5c3900 87.1%, #543300 90.3%, #4d2e00 93.5%, #472a00 96.8%, #422600 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(27.95% 0.0606 66.80) 0.0%, oklch(29.39% 0.0649 67.09) 3.2%, oklch(31.12% 0.0685 67.60) 6.5%, oklch(33.17% 0.0727 68.24) 9.7%, oklch(35.56% 0.0775 69.02) 12.9%, oklch(38.32% 0.0830 70.00) 16.1%, oklch(41.48% 0.0892 71.23) 19.4%, oklch(45.06% 0.0961 72.76) 22.6%, oklch(49.14% 0.1038 74.68) 25.8%, oklch(54.72% 0.1103 77.53) 29.0%, oklch(61.66% 0.1078 81.11) 32.3%, oklch(69.23% 0.1039 85.09) 35.5%, oklch(76.72% 0.0994 89.07) 38.7%, oklch(83.44% 0.0949 92.67) 41.9%, oklch(88.66% 0.0914 95.50) 45.2%, oklch(91.67% 0.0896 97.16) 48.4%, oklch(91.80% 0.0902 97.31) 51.6%, oklch(89.07% 0.0934 95.94) 54.8%, oklch(84.14% 0.0984 93.43) 58.1%, oklch(77.72% 0.1043 90.14) 61.3%, oklch(70.51% 0.1102 86.47) 64.5%, oklch(63.20% 0.1154 82.77) 67.7%, oklch(56.49% 0.1172 79.40) 71.0%, oklch(51.07% 0.1069 76.77) 74.2%, oklch(47.10% 0.0994 74.97) 77.4%, oklch(43.58% 0.0926 73.50) 80.6%, oklch(40.43% 0.0864 72.29) 83.9%, oklch(37.65% 0.0809 71.29) 87.1%, oklch(35.22% 0.0761 70.48) 90.3%, oklch(33.13% 0.0719 69.80) 93.5%, oklch(31.37% 0.0683 69.22) 96.8%, oklch(29.92% 0.0654 68.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.061 | 66.8 |
| 2 | 0.48 | 0.11 | 74.2 |
| 3 | 0.921 | 0.09 | 97.4 |
| 4 | 0.5 | 0.12 | 76.3 |
| 5 | 0.299 | 0.07 | 68.9 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)
- [Christmas gradients](https://grabient.com/christmas-gradients)
- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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