# Color Palette: Sky blue and pale lilac

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

- Also called: Pastel blue, pink and peach angular swatches
- Seed: `kW2jqj9RJBveLSfunUn5ahBA`
- Page: https://grabient.com/kW2jqj9RJBveLSfunUn5ahBA?style=angularSwatches&steps=5&angle=30
- Drawn as: angular swatches, 5 steps, 30 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.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 | `#99dbfb` | `oklch(85.83% 0.0799 229.92)` | Shiva Blue | black, 13.8 to 1 |
| 2 | `#cfe9ff` | `oklch(92.13% 0.0408 244.70)` | Veiling Waterfalls | black, 16.7 to 1 |
| 3 | `#f8e5f6` | `oklch(94.09% 0.0303 329.26)` | Soft Lavender | black, 17.4 to 1 |
| 4 | `#ffc7a3` | `oklch(87.01% 0.0799 53.80)` | Apricot Froth | black, 13.9 to 1 |
| 5 | `#f0ae70` | `oklch(79.92% 0.1102 63.31)` | Taste of Summer | black, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #99dbfb 0.000% 20.000%, #cfe9ff 20.000% 40.000%, #f8e5f6 40.000% 60.000%, #ffc7a3 60.000% 80.000%, #f0ae70 80.000% 100.000%);
background: conic-gradient(from 30deg, oklch(85.83% 0.0799 229.92) 0.000% 20.000%, oklch(92.13% 0.0408 244.70) 20.000% 40.000%, oklch(94.09% 0.0303 329.26) 40.000% 60.000%, oklch(87.01% 0.0799 53.80) 60.000% 80.000%, oklch(79.92% 0.1102 63.31) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.08 | 229.9 |
| 2 | 0.921 | 0.05 | 244.7 |
| 3 | 0.941 | 0.03 | 329.3 |
| 4 | 0.87 | 0.08 | 413.8 |
| 5 | 0.799 | 0.11 | 423.3 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)
- [Blue and orange swatches](https://grabient.com/blue-and-orange-swatches)

## Other forms

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