# Champagne and bronze fall palette

The Champagne and bronze fall palette brings together pale orange, gold, orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Gray, tan, maroon and olive linear swatches
- Seed: `kW6hY626u_8YvO4rJLysx1LA`
- Page: https://grabient.com/kW6hY626u_8YvO4rJLysx1LA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.8 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 | `#efe4cf` | `oklch(92.13% 0.0303 82.27)` | Water Chestnut | black, 16.6 to 1 |
| 2 | `#ca9d42` | `oklch(72.05% 0.1199 82.27)` | Goldie | black, 8.3 to 1 |
| 3 | `#ae5528` | `oklch(55.12% 0.1295 45.28)` | Cinnamon Stick | white, 5 to 1 |
| 4 | `#611b23` | `oklch(33.86% 0.1006 17.80)` | Pohutukawa | white, 12.4 to 1 |
| 5 | `#494c0f` | `oklch(40.16% 0.0799 111.85)` | No Emissions Green | white, 9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #efe4cf 0.000% 20.000%, #ca9d42 20.000% 40.000%, #ae5528 40.000% 60.000%, #611b23 60.000% 80.000%, #494c0f 80.000% 100.000%);
background: linear-gradient(90deg, oklch(92.13% 0.0303 82.27) 0.000% 20.000%, oklch(72.05% 0.1199 82.27) 20.000% 40.000%, oklch(55.12% 0.1295 45.28) 40.000% 60.000%, oklch(33.86% 0.1006 17.80) 60.000% 80.000%, oklch(40.16% 0.0799 111.85) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.03 | 82.3 |
| 2 | 0.72 | 0.12 | 82.3 |
| 3 | 0.551 | 0.13 | 45.3 |
| 4 | 0.339 | 0.101 | 17.8 |
| 5 | 0.402 | 0.08 | 111.9 |

## In these collections

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

## Other forms

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