# Champagne and blue cape daisy sea breeze

The Champagne and blue cape daisy sea breeze brings together pale orange, light green, light teal, blue, and purple. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is pale orange.

- Also called: Gray, light blue and purple radial swatches
- Seed: `kW6Bc374rI2ORRZSk0UQR3G4`
- Page: https://grabient.com/kW6Bc374rI2ORRZSk0UQR3G4?style=radialSwatches&steps=6&angle=270
- Drawn as: radial swatches, 6 steps, 270 degrees
- Kinds: light to dark, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.5 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 | `#eee0cc` | `oklch(91.34% 0.0317 78.05)` | Scroll | black, 16.2 to 1 |
| 2 | `#d2dfce` | `oklch(88.94% 0.0282 138.63)` | Fairest Jade | black, 15.2 to 1 |
| 3 | `#abcfc9` | `oklch(82.69% 0.0396 183.23)` | Cassiopeia | black, 12.5 to 1 |
| 4 | `#86b1bd` | `oklch(73.29% 0.0488 217.50)` | Open Seas | black, 9 to 1 |
| 5 | `#7088a9` | `oklch(62.01% 0.0571 255.72)` | Cowgirl Blue | black, 5.7 to 1 |
| 6 | `#705b8d` | `oklch(51.18% 0.0813 303.13)` | Emperor Jewel | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eee0cc 0.000% 16.667%, #d2dfce 16.667% 33.333%, #abcfc9 33.333% 50.000%, #86b1bd 50.000% 66.667%, #7088a9 66.667% 83.333%, #705b8d 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(91.34% 0.0317 78.05) 0.000% 16.667%, oklch(88.94% 0.0282 138.63) 16.667% 33.333%, oklch(82.69% 0.0396 183.23) 33.333% 50.000%, oklch(73.29% 0.0488 217.50) 50.000% 66.667%, oklch(62.01% 0.0571 255.72) 66.667% 83.333%, oklch(51.18% 0.0813 303.13) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.032 | 78 |
| 2 | 0.878 | 0.029 | 153.1 |
| 3 | 0.783 | 0.047 | 200.6 |
| 4 | 0.65 | 0.052 | 244 |
| 5 | 0.512 | 0.081 | 303.1 |

## In these collections

- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)

## Other forms

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