# Blue and champagne winter wedding palette

The Blue and champagne winter wedding palette brings together off-white, light blue, magenta, and pale yellow. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Light blue, gray, purple and beige angular swatches
- Seed: `kU8weXX4zDa-YSz4Ds2A`
- Page: https://grabient.com/kU8weXX4zDa-YSz4Ds2A?style=angularSwatches&steps=4&angle=45
- Drawn as: angular swatches, 4 steps, 45 degrees
- Kinds: dark center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 9.3 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 | `#eaf3f4` | `oklch(95.67% 0.0096 212.34)` | Warp Drive | black, 18.5 to 1 |
| 2 | `#9cb2c3` | `oklch(75.20% 0.0344 241.93)` | Perfect Landing | black, 9.5 to 1 |
| 3 | `#57324d` | `oklch(37.40% 0.0661 337.04)` | Auricula Purple | white, 10.6 to 1 |
| 4 | `#f6edcf` | `oklch(94.49% 0.0400 92.23)` | Blonde Shell | black, 17.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #eaf3f4 0.000% 25.000%, #9cb2c3 25.000% 50.000%, #57324d 50.000% 75.000%, #f6edcf 75.000% 100.000%);
background: conic-gradient(from 45deg, oklch(95.67% 0.0096 212.34) 0.000% 25.000%, oklch(75.20% 0.0344 241.93) 25.000% 50.000%, oklch(37.40% 0.0661 337.04) 50.000% 75.000%, oklch(94.49% 0.0400 92.23) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.01 | 212.3 |
| 2 | 0.752 | 0.034 | 241.9 |
| 3 | 0.374 | 0.066 | 337 |
| 4 | 0.945 | 0.04 | 452.2 |

## In these collections

- [Winter wedding swatches](https://grabient.com/winter-wedding-swatches)

## Other forms

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