# Champagne, burgundy and orange color palette

The Champagne, burgundy and orange color palette brings together pale orange, dark red, red, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is dark red, and its lightest tone is pale orange.

- Also called: Beige, black, maroon and orange angular swatches
- Seed: `kW5x89HQy2TIvQdFPEFWrnCo`
- Page: https://grabient.com/kW5x89HQy2TIvQdFPEFWrnCo?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#eee0c2` | `oklch(90.94% 0.0427 85.78)` | Golden Haystack | black, 16 to 1 |
| 2 | `#2a151a` | `oklch(22.83% 0.0344 4.41)` | Black Cherry | white, 17.1 to 1 |
| 3 | `#7d1d27` | `oklch(39.37% 0.1295 20.26)` | Seattle Red | white, 10.1 to 1 |
| 4 | `#bc3f2a` | `oklch(54.33% 0.1654 31.89)` | Valiant Poppy | white, 5.4 to 1 |
| 5 | `#ec832d` | `oklch(71.26% 0.1585 55.14)` | Bourbon Peach | black, 7.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #eee0c2 0.000% 20.000%, #2a151a 20.000% 40.000%, #7d1d27 40.000% 60.000%, #bc3f2a 60.000% 80.000%, #ec832d 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(90.94% 0.0427 85.78) 0.000% 20.000%, oklch(22.83% 0.0344 4.41) 20.000% 40.000%, oklch(39.37% 0.1295 20.26) 40.000% 60.000%, oklch(54.33% 0.1654 31.89) 60.000% 80.000%, oklch(71.26% 0.1585 55.14) 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.043 | 85.8 |
| 2 | 0.228 | 0.034 | 4.4 |
| 3 | 0.394 | 0.13 | 20.3 |
| 4 | 0.543 | 0.165 | 31.9 |
| 5 | 0.713 | 0.158 | 55.1 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)
- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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