# Blue and lavender pastel christmas palette

The Blue and lavender pastel christmas palette brings together pale blue, light blue, and light purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is light purple, and its lightest tone is pale blue.

- Also called: Pastel analogous blue and lavender angular swatches
- Seed: `kW9BKpcpI_-qbQfwF8N5x1DY`
- Page: https://grabient.com/kW9BKpcpI_-qbQfwF8N5x1DY?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.6 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 | `#e5f5ff` | `oklch(96.06% 0.0214 237.63)` | Kodama White | black, 18.7 to 1 |
| 2 | `#c1e4fc` | `oklch(90.16% 0.0496 237.66)` | Fresh Water | black, 15.7 to 1 |
| 3 | `#a9cdfa` | `oklch(83.86% 0.0744 254.56)` | Night Snow | black, 12.8 to 1 |
| 4 | `#d3d4ff` | `oklch(88.19% 0.0597 284.15)` | Pale Phthalo Blue | black, 14.5 to 1 |
| 5 | `#d4b2e6` | `oklch(81.10% 0.0799 313.74)` | Pretty Petunia | black, 11.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #e5f5ff 0.000% 20.000%, #c1e4fc 20.000% 40.000%, #a9cdfa 40.000% 60.000%, #d3d4ff 60.000% 80.000%, #d4b2e6 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(96.06% 0.0214 237.63) 0.000% 20.000%, oklch(90.16% 0.0496 237.66) 20.000% 40.000%, oklch(83.86% 0.0744 254.56) 40.000% 60.000%, oklch(88.19% 0.0597 284.15) 60.000% 80.000%, oklch(81.10% 0.0799 313.74) 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.025 | 237.7 |
| 2 | 0.902 | 0.05 | 237.7 |
| 3 | 0.839 | 0.074 | 254.6 |
| 4 | 0.882 | 0.065 | 284.2 |
| 5 | 0.811 | 0.08 | 313.7 |

## In these collections

- [Pastel Christmas swatches](https://grabient.com/pastel-christmas-swatches)

## Other forms

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