# Champagne and bronze color palette

The Champagne and bronze color palette brings together pale yellow, gold, and 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 orange, and its lightest tone is pale yellow.

- Also called: Monochrome beige and brown radial swatches
- Seed: `kU6yZG6Kg-lGpPc4n7yA`
- Page: https://grabient.com/kU6yZG6Kg-lGpPc4n7yA?style=radialSwatches&steps=6&angle=270
- Drawn as: radial swatches, 6 steps, 270 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.3 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 | `#eee8c0` | `oklch(92.52% 0.0524 99.14)` | Bermuda Son | black, 16.9 to 1 |
| 2 | `#e9d592` | `oklch(87.44% 0.0883 93.18)` | Tainted Gold | black, 14.4 to 1 |
| 3 | `#ddb55f` | `oklch(79.19% 0.1148 84.50)` | Birch Strain | black, 10.8 to 1 |
| 4 | `#c28d3e` | `oklch(68.02% 0.1152 73.92)` | Pizza | black, 7.1 to 1 |
| 5 | `#a0622f` | `oklch(55.47% 0.1033 57.53)` | Cathay Spice | white, 4.9 to 1 |
| 6 | `#7c422c` | `oklch(44.49% 0.0868 41.02)` | Medium Tuscan Red | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eee8c0 0.000% 16.667%, #e9d592 16.667% 33.333%, #ddb55f 33.333% 50.000%, #c28d3e 50.000% 66.667%, #a0622f 66.667% 83.333%, #7c422c 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(92.52% 0.0524 99.14) 0.000% 16.667%, oklch(87.44% 0.0883 93.18) 16.667% 33.333%, oklch(79.19% 0.1148 84.50) 33.333% 50.000%, oklch(68.02% 0.1152 73.92) 50.000% 66.667%, oklch(55.47% 0.1033 57.53) 66.667% 83.333%, oklch(44.49% 0.0868 41.02) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.052 | 99.1 |
| 2 | 0.823 | 0.11 | 87.5 |
| 3 | 0.642 | 0.113 | 69.6 |
| 4 | 0.445 | 0.087 | 41 |

## In these collections

- [Mooncake candlelight](https://grabient.com/mooncake-candlelight)
- [Gold swatches](https://grabient.com/gold-swatches)

## Other forms

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