# Champagne, sage and bronze christmas palette

The Champagne, sage and bronze christmas palette brings together pale orange, gold, yellow, green, red, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Off-white, dark green and brown radial swatches
- Seed: `kY7hM5aRhA1IaQa2mUbPzGuC4PRC`
- Page: https://grabient.com/kY7hM5aRhA1IaQa2mUbPzGuC4PRC?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9 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 | `#f4e9d7` | `oklch(93.70% 0.0262 80.16)` | Summer White | black, 17.4 to 1 |
| 2 | `#d8c495` | `oklch(82.68% 0.0661 87.55)` | Chamomile Tea | black, 12.2 to 1 |
| 3 | `#96905c` | `oklch(64.57% 0.0717 102.35)` | Nile Reed | black, 6.4 to 1 |
| 4 | `#285b43` | `oklch(42.91% 0.0689 160.47)` | Greenbriar | white, 7.8 to 1 |
| 5 | `#9f3951` | `oklch(49.61% 0.1364 9.35)` | Raspberry Ice Red | white, 6.5 to 1 |
| 6 | `#50372b` | `oklch(36.22% 0.0413 45.28)` | Bramble Bush | white, 10.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4e9d7 0.000% 16.667%, #d8c495 16.667% 33.333%, #96905c 33.333% 50.000%, #285b43 50.000% 66.667%, #9f3951 66.667% 83.333%, #50372b 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(93.70% 0.0262 80.16) 0.000% 16.667%, oklch(82.68% 0.0661 87.55) 16.667% 33.333%, oklch(64.57% 0.0717 102.35) 33.333% 50.000%, oklch(42.91% 0.0689 160.47) 50.000% 66.667%, oklch(49.61% 0.1364 9.35) 66.667% 83.333%, oklch(36.22% 0.0413 45.28) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.937 | 0.026 | 80.2 |
| 2 | 0.827 | 0.066 | 87.6 |
| 3 | 0.646 | 0.072 | 102.3 |
| 4 | 0.429 | 0.069 | 160.5 |
| 5 | 0.496 | 0.136 | 9.4 |
| 6 | 0.362 | 0.041 | 45.3 |

## In these collections

- [Christmas swatches](https://grabient.com/christmas-swatches)

## Other forms

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