# Sky blue, pale blush and cream sky

The Sky blue, pale blush and cream sky brings together light blue, pale magenta, pale red, pale orange, and pale yellow. 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 yellow.

- Also called: Pastel triadic blue, pink and beige linear gradient
- Seed: `kY0kOs7ZjD3QVRv2jES-g3IP4WQs`
- Page: https://grabient.com/kY0kOs7ZjD3QVRv2jES-g3IP4WQs?steps=6&angle=225
- Drawn as: linear gradient, 6 steps, 225 degrees
- Kinds: pastel, light, multicolor
- 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 | `#90cefe` | `oklch(82.68% 0.0923 242.58)` | Clear Sky | black, 12.4 to 1 |
| 2 | `#c5cfff` | `oklch(86.22% 0.0675 275.34)` | Lavender Blue | black, 13.7 to 1 |
| 3 | `#fcd5f2` | `oklch(91.34% 0.0579 334.52)` | Jacaranda | black, 15.8 to 1 |
| 4 | `#fee0e2` | `oklch(93.31% 0.0331 14.67)` | Sweet Mallow | black, 17 to 1 |
| 5 | `#fef1d6` | `oklch(96.06% 0.0372 84.42)` | Candlestick Point | black, 18.7 to 1 |
| 6 | `#feffe4` | `oklch(99.21% 0.0357 108.70)` | Skimmed Milk White | black, 20.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #90cefe 0.0%, #c5cfff 20.0%, #fcd5f2 40.0%, #fee0e2 60.0%, #fef1d6 80.0%, #feffe4 100.0%);
background: linear-gradient(225deg in oklch, oklch(82.68% 0.0923 242.58) 0.0%, oklch(86.22% 0.0675 275.34) 20.0%, oklch(91.34% 0.0579 334.52) 40.0%, oklch(93.31% 0.0331 14.67) 60.0%, oklch(96.06% 0.0372 84.42) 80.0%, oklch(99.21% 0.0357 108.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.092 | 242.6 |
| 2 | 0.862 | 0.068 | 275.3 |
| 3 | 0.913 | 0.058 | 334.5 |
| 4 | 0.933 | 0.033 | 374.7 |
| 5 | 0.961 | 0.037 | 444.4 |
| 6 | 0.992 | 0.061 | 468.7 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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