# Champagne, wine and bronze color palette

The Champagne, wine and bronze color palette brings together pale orange, red, and dark orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Analogous gray, maroon and brown linear swatches
- Seed: `kW5xY-zEG37hFPunrz9npfEY`
- Page: https://grabient.com/kW5xY-zEG37hFPunrz9npfEY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.7 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 | `#e9e0cb` | `oklch(90.94% 0.0303 87.89)` | Asian Ivory | black, 16 to 1 |
| 2 | `#d64550` | `oklch(59.84% 0.1805 20.26)` | Faded Red | black, 4.8 to 1 |
| 3 | `#9c0038` | `oklch(44.11% 0.1763 11.83)` | Cranberry | white, 8.5 to 1 |
| 4 | `#5f0025` | `oklch(31.13% 0.1247 7.64)` | Baal Red Wash | white, 13.8 to 1 |
| 5 | `#371301` | `oklch(24.02% 0.0648 45.62)` | Chocolate Melange | white, 16.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e9e0cb 0.000% 20.000%, #d64550 20.000% 40.000%, #9c0038 40.000% 60.000%, #5f0025 60.000% 80.000%, #371301 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.94% 0.0303 87.89) 0.000% 20.000%, oklch(59.84% 0.1805 20.26) 20.000% 40.000%, oklch(44.11% 0.1763 11.83) 40.000% 60.000%, oklch(31.13% 0.1247 7.64) 60.000% 80.000%, oklch(24.02% 0.0648 45.62) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.03 | 87.9 |
| 2 | 0.598 | 0.181 | 20.3 |
| 3 | 0.441 | 0.19 | 11.8 |
| 4 | 0.311 | 0.13 | 7.6 |
| 5 | 0.24 | 0.065 | 45.6 |

## In these collections

- [Fall swatches](https://grabient.com/fall-swatches)
- [Thanksgiving swatches](https://grabient.com/thanksgiving-swatches)

## Other forms

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