# Sky blue and pale lilac color palette

The Sky blue and pale lilac color palette brings together light blue, pale magenta, and light magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light blue, and its lightest tone is pale magenta.

- Also called: Pastel analogous blue to pink linear gradient
- Seed: `kW1Dy4bJpCPCcxRwoMHbiQ_w`
- Page: https://grabient.com/kW1Dy4bJpCPCcxRwoMHbiQ_w
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.1 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 | `#a8cbff` | `oklch(83.46% 0.0826 258.75)` | Night Snow | black, 12.6 to 1 |
| 2 | `#b8cbfe` | `oklch(84.62% 0.0744 268.93)` | Light Periwinkle | black, 13 to 1 |
| 3 | `#d2cbff` | `oklch(86.51% 0.0719 291.43)` | Lavender Blue | black, 13.7 to 1 |
| 4 | `#f2c9f9` | `oklch(88.58% 0.0785 321.10)` | Sparkling Lavender | black, 14.4 to 1 |
| 5 | `#fec6f2` | `oklch(88.85% 0.0858 333.94)` | Rosy Maple Moth | black, 14.5 to 1 |
| 6 | `#ffc1ec` | `oklch(88.00% 0.0892 337.80)` | Pretty in Pink | black, 14.1 to 1 |
| 7 | `#fdbaec` | `oklch(86.61% 0.0992 335.89)` | Pink Quartz | black, 13.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a8cbff 0.0%, #b8cbfe 16.7%, #d2cbff 33.3%, #f2c9f9 50.0%, #fec6f2 66.7%, #ffc1ec 83.3%, #fdbaec 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.46% 0.0826 258.75) 0.0%, oklch(84.62% 0.0744 268.93) 16.7%, oklch(86.51% 0.0719 291.43) 33.3%, oklch(88.58% 0.0785 321.10) 50.0%, oklch(88.85% 0.0858 333.94) 66.7%, oklch(88.00% 0.0892 337.80) 83.3%, oklch(86.61% 0.0992 335.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.083 | 258.8 |
| 2 | 0.854 | 0.072 | 277.8 |
| 3 | 0.886 | 0.079 | 321.1 |
| 4 | 0.886 | 0.09 | 336.9 |
| 5 | 0.866 | 0.099 | 335.9 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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