# Wine, bronze and champagne color palette

The Wine, bronze and champagne color palette brings together red, dark orange, gold, and pale 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: Maroon, brown and off-white linear swatches
- Seed: `kWa4MIx0HAqAZw3jIMP94lAo`
- Page: https://grabient.com/kWa4MIx0HAqAZw3jIMP94lAo?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#920034` | `oklch(42.14% 0.1684 11.98)` | Madrileño Maroon | white, 9.2 to 1 |
| 2 | `#c8374a` | `oklch(55.91% 0.1805 18.29)` | Tomato Puree | white, 5.1 to 1 |
| 3 | `#3b1500` | `oklch(25.20% 0.0692 47.51)` | American Bronze | white, 16.2 to 1 |
| 4 | `#d4b274` | `oklch(77.95% 0.0896 81.70)` | Tarnished Trumpet | black, 10.4 to 1 |
| 5 | `#f2ebd9` | `oklch(94.09% 0.0248 88.04)` | Orchid White | black, 17.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #920034 0.000% 20.000%, #c8374a 20.000% 40.000%, #3b1500 40.000% 60.000%, #d4b274 60.000% 80.000%, #f2ebd9 80.000% 100.000%);
background: linear-gradient(90deg, oklch(42.14% 0.1684 11.98) 0.000% 20.000%, oklch(55.91% 0.1805 18.29) 20.000% 40.000%, oklch(25.20% 0.0692 47.51) 40.000% 60.000%, oklch(77.95% 0.0896 81.70) 60.000% 80.000%, oklch(94.09% 0.0248 88.04) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.181 | 12 |
| 2 | 0.559 | 0.181 | 18.3 |
| 3 | 0.252 | 0.07 | 47.9 |
| 4 | 0.78 | 0.09 | 81.7 |
| 5 | 0.941 | 0.025 | 88 |

## In these collections

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

## Other forms

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