# Champagne, crimson and emerald summer palette

The Champagne, crimson and emerald summer palette brings together pale yellow, gold, red, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is pale yellow.

- Also called: Beige, yellow, salmon and green radial swatches
- Seed: `kW9yRE7jO_NU9uHMw751izQo`
- Page: https://grabient.com/kW9yRE7jO_NU9uHMw751izQo?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#fff7d3` | `oklch(97.24% 0.0475 96.34)` | Reddish White | black, 19.4 to 1 |
| 2 | `#f7ce58` | `oklch(86.61% 0.1419 89.99)` | Rubber Ducky | black, 13.9 to 1 |
| 3 | `#eb645a` | `oklch(66.93% 0.1695 26.58)` | Emberglow | black, 6.4 to 1 |
| 4 | `#d8425e` | `oklch(60.24% 0.1860 13.90)` | Azalea | black, 4.8 to 1 |
| 5 | `#4fae76` | `oklch(67.72% 0.1226 155.51)` | Glen | black, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff7d3 0.000% 20.000%, #f7ce58 20.000% 40.000%, #eb645a 40.000% 60.000%, #d8425e 60.000% 80.000%, #4fae76 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(97.24% 0.0475 96.34) 0.000% 20.000%, oklch(86.61% 0.1419 89.99) 20.000% 40.000%, oklch(66.93% 0.1695 26.58) 40.000% 60.000%, oklch(60.24% 0.1860 13.90) 60.000% 80.000%, oklch(67.72% 0.1226 155.51) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.05 | 96.3 |
| 2 | 0.866 | 0.142 | 90 |
| 3 | 0.669 | 0.169 | 26.6 |
| 4 | 0.602 | 0.186 | 13.9 |
| 5 | 0.677 | 0.123 | 155.5 |

## In these collections

- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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