# Blue winter palette

The Blue winter palette brings together off-white, light blue, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Monochrome gray and navy linear swatches
- Seed: `kU9A25Zpm-8WgwmomUEA`
- Page: https://grabient.com/kU9A25Zpm-8WgwmomUEA?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: light to dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#ebf3fe` | `oklch(96.06% 0.0179 260.16)` | Placebo Blue | black, 18.7 to 1 |
| 2 | `#c3dbf9` | `oklch(88.35% 0.0492 253.36)` | Fly a Kite | black, 14.8 to 1 |
| 3 | `#90b5e2` | `oklch(76.14% 0.0769 254.22)` | Adrift on the Nile | black, 9.8 to 1 |
| 4 | `#6a7db5` | `oklch(59.89% 0.0888 268.88)` | Marvellous | black, 5.2 to 1 |
| 5 | `#494e81` | `oklch(44.27% 0.0832 277.94)` | Altar of Heaven | white, 7.8 to 1 |
| 6 | `#2e2d54` | `oklch(31.89% 0.0689 282.35)` | Deep Sea Base | white, 12.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ebf3fe 0.000% 16.667%, #c3dbf9 16.667% 33.333%, #90b5e2 33.333% 50.000%, #6a7db5 50.000% 66.667%, #494e81 66.667% 83.333%, #2e2d54 83.333% 100.000%);
background: linear-gradient(45deg, oklch(96.06% 0.0179 260.16) 0.000% 16.667%, oklch(88.35% 0.0492 253.36) 16.667% 33.333%, oklch(76.14% 0.0769 254.22) 33.333% 50.000%, oklch(59.89% 0.0888 268.88) 50.000% 66.667%, oklch(44.27% 0.0832 277.94) 66.667% 83.333%, oklch(31.89% 0.0689 282.35) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.018 | 260.2 |
| 2 | 0.807 | 0.07 | 251.7 |
| 3 | 0.547 | 0.09 | 272.8 |
| 4 | 0.319 | 0.069 | 282.3 |

## In these collections

- [Winter](https://grabient.com/winter)
- [Between tides](https://grabient.com/between-tides)

## Other forms

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