# Champagne, crimson and deep teal summer palette

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

- Also called: Tritone beige, pink and green angular swatches
- Seed: `kW8yc_4TM31RIvxaM1EQSPBA`
- Page: https://grabient.com/kW8yc_4TM31RIvxaM1EQSPBA?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.7 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 | `#fff0c9` | `oklch(95.67% 0.0535 89.31)` | Vanilla Cake | black, 18.5 to 1 |
| 2 | `#ff8b8c` | `oklch(76.38% 0.1405 20.61)` | Coral Trails | black, 9.3 to 1 |
| 3 | `#f34f6f` | `oklch(66.14% 0.1998 13.21)` | Lick and Kiss | black, 6.1 to 1 |
| 4 | `#40bb7f` | `oklch(70.87% 0.1406 157.99)` | Greenish Teal | black, 8.6 to 1 |
| 5 | `#16785b` | `oklch(51.18% 0.0978 167.50)` | Emerald Dream | white, 5.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #fff0c9 0.000% 20.000%, #ff8b8c 20.000% 40.000%, #f34f6f 40.000% 60.000%, #40bb7f 60.000% 80.000%, #16785b 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(95.67% 0.0535 89.31) 0.000% 20.000%, oklch(76.38% 0.1405 20.61) 20.000% 40.000%, oklch(66.14% 0.1998 13.21) 40.000% 60.000%, oklch(70.87% 0.1406 157.99) 60.000% 80.000%, oklch(51.18% 0.0978 167.50) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.054 | 89.3 |
| 2 | 0.764 | 0.141 | 20.6 |
| 3 | 0.661 | 0.2 | 13.2 |
| 4 | 0.709 | 0.141 | 158 |
| 5 | 0.512 | 0.098 | 167.5 |

## In these collections

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

## Other forms

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