# Pink and Blue: Sky blue and lilac

The "Pink and Blue: Sky blue and lilac" palette brings together light blue, pale blue, light magenta, and pale 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 magenta, and its lightest tone is pale magenta.

- Also called: Pastel blue and pink linear swatches
- Seed: `kW0Dqq8pJBuWgyNwFkG-Ik_4`
- Page: https://grabient.com/kW0Dqq8pJBuWgyNwFkG-Ik_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel, light
- Hues: two-hue
- 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 | `#94cbf3` | `oklch(81.89% 0.0799 239.77)` | Honolulu | black, 12.1 to 1 |
| 2 | `#c9e1ff` | `oklch(90.16% 0.0486 254.55)` | Arc Light | black, 15.6 to 1 |
| 3 | `#dfa9da` | `oklch(79.92% 0.0896 329.59)` | Barely Bloomed | black, 10.8 to 1 |
| 4 | `#f6c9e2` | `oklch(88.19% 0.0606 344.38)` | Laelia Pink | black, 14.3 to 1 |
| 5 | `#fbe8f2` | `oklch(94.88% 0.0248 344.38)` | Cherry Pearl | black, 17.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #94cbf3 0.000% 20.000%, #c9e1ff 20.000% 40.000%, #dfa9da 40.000% 60.000%, #f6c9e2 60.000% 80.000%, #fbe8f2 80.000% 100.000%);
background: linear-gradient(90deg, oklch(81.89% 0.0799 239.77) 0.000% 20.000%, oklch(90.16% 0.0486 254.55) 20.000% 40.000%, oklch(79.92% 0.0896 329.59) 40.000% 60.000%, oklch(88.19% 0.0606 344.38) 60.000% 80.000%, oklch(94.88% 0.0248 344.38) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.08 | 239.8 |
| 2 | 0.902 | 0.05 | 254.6 |
| 3 | 0.799 | 0.09 | 329.6 |
| 4 | 0.882 | 0.061 | 344.4 |
| 5 | 0.949 | 0.025 | 344.4 |

## In these collections

- [Pink and blue swatches](https://grabient.com/pink-and-blue-swatches)

## Other forms

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