# Champagne and pale blue winter wedding palette

The Champagne and pale blue winter wedding palette brings together off-white, light green, pale blue, dark blue, 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 dark blue, and its lightest tone is off-white.

- Also called: White, gray, light blue and beige linear swatches
- Seed: `kW9Ao8XQvGfCJy0lGML-A6sI`
- Page: https://grabient.com/kW9Ao8XQvGfCJy0lGML-A6sI?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 12.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 | `#f6f1e8` | `oklch(96.06% 0.0138 84.38)` | Cheviot | black, 18.7 to 1 |
| 2 | `#9fae9b` | `oklch(73.23% 0.0317 139.33)` | Drizzle | black, 8.9 to 1 |
| 3 | `#cadde9` | `oklch(88.58% 0.0262 235.49)` | Caribbean Mist | black, 14.9 to 1 |
| 4 | `#172b4d` | `oklch(29.13% 0.0675 260.85)` | Rurikon Blue | white, 14.1 to 1 |
| 5 | `#f5edcf` | `oklch(94.49% 0.0400 93.89)` | Blonde Shell | black, 17.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f6f1e8 0.000% 20.000%, #9fae9b 20.000% 40.000%, #cadde9 40.000% 60.000%, #172b4d 60.000% 80.000%, #f5edcf 80.000% 100.000%);
background: linear-gradient(135deg, oklch(96.06% 0.0138 84.38) 0.000% 20.000%, oklch(73.23% 0.0317 139.33) 20.000% 40.000%, oklch(88.58% 0.0262 235.49) 40.000% 60.000%, oklch(29.13% 0.0675 260.85) 60.000% 80.000%, oklch(94.49% 0.0400 93.89) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.014 | 84.4 |
| 2 | 0.732 | 0.032 | 139.3 |
| 3 | 0.886 | 0.026 | 235.5 |
| 4 | 0.291 | 0.068 | 260.9 |
| 5 | 0.945 | 0.04 | 93.9 |

## In these collections

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

## Other forms

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