# Champagne and blue cottagecore palette

The Champagne and blue cottagecore palette brings together off-white, light blue, and blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits interior mood boards and textile patterns. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Monochrome white and blue linear swatches
- Seed: `kW9Aw8bwlTV4SPxJFz_NRPAw`
- Page: https://grabient.com/kW9Aw8bwlTV4SPxJFz_NRPAw?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: light to dark, pastel, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#f7f1e6` | `oklch(96.06% 0.0165 84.38)` | Bright Moon | black, 18.7 to 1 |
| 2 | `#c9d7e6` | `oklch(87.40% 0.0248 248.17)` | Light Placid Blue | black, 14.3 to 1 |
| 3 | `#8fb0c8` | `oklch(74.02% 0.0496 240.77)` | Windy Day | black, 9.1 to 1 |
| 4 | `#557e9b` | `oklch(57.48% 0.0634 239.72)` | Flattering Blue | black, 4.8 to 1 |
| 5 | `#344f68` | `oklch(41.73% 0.0537 247.11)` | Police Blue | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f7f1e6 0.000% 20.000%, #c9d7e6 20.000% 40.000%, #8fb0c8 40.000% 60.000%, #557e9b 60.000% 80.000%, #344f68 80.000% 100.000%);
background: linear-gradient(45deg, oklch(96.06% 0.0165 84.38) 0.000% 20.000%, oklch(87.40% 0.0248 248.17) 20.000% 40.000%, oklch(74.02% 0.0496 240.77) 40.000% 60.000%, oklch(57.48% 0.0634 239.72) 60.000% 80.000%, oklch(41.73% 0.0537 247.11) 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.017 | 84.4 |
| 2 | 0.874 | 0.025 | 248.2 |
| 3 | 0.74 | 0.05 | 240.8 |
| 4 | 0.575 | 0.063 | 239.7 |
| 5 | 0.417 | 0.054 | 247.1 |

## In these collections

- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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