# Pale lilac, cream and periwinkle color palette

The Pale lilac, cream and periwinkle color palette brings together pale purple, light green, pale yellow, blue, and light blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is pale yellow.

- Also called: Pastel lavender, gray, beige and blue radial swatches
- Seed: `kW4xTj6pMr3cUu5HH9IXhpBA`
- Page: https://grabient.com/kW4xTj6pMr3cUu5HH9IXhpBA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.9 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 | `#e4d6e8` | `oklch(89.37% 0.0276 319.92)` | Old Chalk | black, 15.1 to 1 |
| 2 | `#b3d4b8` | `oklch(83.86% 0.0524 149.78)` | Enchanted Meadow | black, 13 to 1 |
| 3 | `#eaefc4` | `oklch(93.70% 0.0565 112.80)` | Oh Dahling | black, 17.6 to 1 |
| 4 | `#5c73a8` | `oklch(55.91% 0.0868 266.03)` | Dormitory | white, 4.7 to 1 |
| 5 | `#9ea8d9` | `oklch(74.02% 0.0717 275.54)` | Sorbet Ice Mauve | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4d6e8 0.000% 20.000%, #b3d4b8 20.000% 40.000%, #eaefc4 40.000% 60.000%, #5c73a8 60.000% 80.000%, #9ea8d9 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(89.37% 0.0276 319.92) 0.000% 20.000%, oklch(83.86% 0.0524 149.78) 20.000% 40.000%, oklch(93.70% 0.0565 112.80) 40.000% 60.000%, oklch(55.91% 0.0868 266.03) 60.000% 80.000%, oklch(74.02% 0.0717 275.54) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.028 | 319.9 |
| 2 | 0.839 | 0.052 | 149.8 |
| 3 | 0.937 | 0.056 | 112.8 |
| 4 | 0.559 | 0.087 | 266 |
| 5 | 0.74 | 0.072 | 275.5 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Light mode color palette](https://grabient.com/light-mode-color-palette)
- [Spring swatches](https://grabient.com/spring-swatches)

## Other forms

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