# Champagne and bronze color palette

The Champagne and bronze color palette brings together pale orange, gold, and dark orange. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Monochrome beige to brown radial gradient
- Seed: `kW7yw84yS_kwvP21qD9npm_Y`
- Page: https://grabient.com/kW7yw84yS_kwvP21qD9npm_Y?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#fee9be` | `oklch(94.09% 0.0606 85.08)` | Creamy Apricot | black, 17.6 to 1 |
| 2 | `#fbe5b7` | `oklch(92.82% 0.0639 84.83)` | Tiffany Light | black, 16.9 to 1 |
| 3 | `#f7dfae` | `oklch(91.12% 0.0684 84.51)` | Pasta | black, 16.1 to 1 |
| 4 | `#f2d8a3` | `oklch(89.11% 0.0737 84.13)` | Double Cream | black, 15.1 to 1 |
| 5 | `#edd098` | `oklch(86.87% 0.0796 83.70)` | Sparkling Champagne | black, 14 to 1 |
| 6 | `#e7c88b` | `oklch(84.48% 0.0856 83.24)` | Norman Shaw Goldspar | black, 13 to 1 |
| 7 | `#e1bf7e` | `oklch(82.05% 0.0915 82.76)` | Chalky | black, 11.9 to 1 |
| 8 | `#dcb772` | `oklch(79.66% 0.0970 82.27)` | Harpswell Green | black, 11 to 1 |
| 9 | `#d6af67` | `oklch(77.40% 0.1017 81.79)` | Butterscotch Bliss | black, 10.2 to 1 |
| 10 | `#d1a75b` | `oklch(75.14% 0.1064 81.29)` | Afghan Sand | black, 9.4 to 1 |
| 11 | `#cb9f4f` | `oklch(72.83% 0.1112 80.76)` | Bright Gold | black, 8.6 to 1 |
| 12 | `#c59742` | `oklch(70.48% 0.1160 80.21)` | Golden Spice | black, 7.9 to 1 |
| 13 | `#c08f34` | `oklch(68.10% 0.1204 79.65)` | Arnica | black, 7.2 to 1 |
| 14 | `#ba8725` | `oklch(65.72% 0.1242 79.08)` | University of California Gold | black, 6.5 to 1 |
| 15 | `#b37f13` | `oklch(63.35% 0.1271 78.51)` | Golden Brown | black, 5.9 to 1 |
| 16 | `#ac7800` | `oklch(61.00% 0.1272 77.93)` | Falafel | black, 5.4 to 1 |
| 17 | `#a47100` | `oklch(58.69% 0.1226 77.38)` | Golden Hind | black, 4.9 to 1 |
| 18 | `#9c6b00` | `oklch(56.40% 0.1181 76.84)` | Balor Brown | white, 4.6 to 1 |
| 19 | `#946400` | `oklch(54.11% 0.1135 76.29)` | Gamboge Brown | white, 5.1 to 1 |
| 20 | `#8c5e00` | `oklch(51.84% 0.1090 75.74)` | Rat Brown | white, 5.6 to 1 |
| 21 | `#845800` | `oklch(49.56% 0.1045 75.19)` | Spear Shaft | white, 6.2 to 1 |
| 22 | `#7c5200` | `oklch(47.29% 0.0999 74.63)` | Intense Brown | white, 6.8 to 1 |
| 23 | `#744c00` | `oklch(45.00% 0.0953 74.08)` | Lucky Brown | white, 7.5 to 1 |
| 24 | `#6c4600` | `oklch(42.70% 0.0907 73.52)` | Violin Brown | white, 8.3 to 1 |
| 25 | `#644000` | `oklch(40.31% 0.0859 72.95)` | Notorious Neanderthal | white, 9.2 to 1 |
| 26 | `#5b3900` | `oklch(37.71% 0.0806 72.32)` | Hippogriff Brown | white, 10.2 to 1 |
| 27 | `#523300` | `oklch(35.00% 0.0751 71.66)` | Eyelash Camel | white, 11.4 to 1 |
| 28 | `#492c00` | `oklch(32.30% 0.0696 70.99)` | Stirland Mud | white, 12.7 to 1 |
| 29 | `#412600` | `oklch(29.73% 0.0643 70.35)` | Blackened Brown | white, 13.9 to 1 |
| 30 | `#3a2100` | `oklch(27.42% 0.0595 69.75)` | Medium Roast | white, 15 to 1 |
| 31 | `#341d00` | `oklch(25.47% 0.0555 69.23)` | Powdered Cocoa | white, 15.9 to 1 |
| 32 | `#2f1a00` | `oklch(24.02% 0.0524 68.83)` | Powdered Cocoa | white, 16.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fee9be 0.0%, #fbe5b7 3.2%, #f7dfae 6.5%, #f2d8a3 9.7%, #edd098 12.9%, #e7c88b 16.1%, #e1bf7e 19.4%, #dcb772 22.6%, #d6af67 25.8%, #d1a75b 29.0%, #cb9f4f 32.3%, #c59742 35.5%, #c08f34 38.7%, #ba8725 41.9%, #b37f13 45.2%, #ac7800 48.4%, #a47100 51.6%, #9c6b00 54.8%, #946400 58.1%, #8c5e00 61.3%, #845800 64.5%, #7c5200 67.7%, #744c00 71.0%, #6c4600 74.2%, #644000 77.4%, #5b3900 80.6%, #523300 83.9%, #492c00 87.1%, #412600 90.3%, #3a2100 93.5%, #341d00 96.8%, #2f1a00 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0606 85.08) 0.0%, oklch(92.82% 0.0639 84.83) 3.2%, oklch(91.12% 0.0684 84.51) 6.5%, oklch(89.11% 0.0737 84.13) 9.7%, oklch(86.87% 0.0796 83.70) 12.9%, oklch(84.48% 0.0856 83.24) 16.1%, oklch(82.05% 0.0915 82.76) 19.4%, oklch(79.66% 0.0970 82.27) 22.6%, oklch(77.40% 0.1017 81.79) 25.8%, oklch(75.14% 0.1064 81.29) 29.0%, oklch(72.83% 0.1112 80.76) 32.3%, oklch(70.48% 0.1160 80.21) 35.5%, oklch(68.10% 0.1204 79.65) 38.7%, oklch(65.72% 0.1242 79.08) 41.9%, oklch(63.35% 0.1271 78.51) 45.2%, oklch(61.00% 0.1272 77.93) 48.4%, oklch(58.69% 0.1226 77.38) 51.6%, oklch(56.40% 0.1181 76.84) 54.8%, oklch(54.11% 0.1135 76.29) 58.1%, oklch(51.84% 0.1090 75.74) 61.3%, oklch(49.56% 0.1045 75.19) 64.5%, oklch(47.29% 0.0999 74.63) 67.7%, oklch(45.00% 0.0953 74.08) 71.0%, oklch(42.70% 0.0907 73.52) 74.2%, oklch(40.31% 0.0859 72.95) 77.4%, oklch(37.71% 0.0806 72.32) 80.6%, oklch(35.00% 0.0751 71.66) 83.9%, oklch(32.30% 0.0696 70.99) 87.1%, oklch(29.73% 0.0643 70.35) 90.3%, oklch(27.42% 0.0595 69.75) 93.5%, oklch(25.47% 0.0555 69.23) 96.8%, oklch(24.02% 0.0524 68.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.061 | 85.1 |
| 2 | 0.78 | 0.101 | 81.9 |
| 3 | 0.598 | 0.13 | 77.7 |
| 4 | 0.421 | 0.11 | 73.5 |
| 5 | 0.24 | 0.07 | 69.2 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)
- [Population density gradients](https://grabient.com/population-density-gradients)

## Other forms

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