# Sky blue, blush and champagne muted palette

The Sky blue, blush and champagne muted palette brings together light blue, light gray, pale red, and pale orange. The colors span a narrow lightness range, combining restrained 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 orange.

- Also called: Pastel gray to beige linear gradient
- Seed: `kW0B2lbAbMXISxv1E0NeJVCg`
- Page: https://grabient.com/kW0B2lbAbMXISxv1E0NeJVCg?angle=225
- Drawn as: linear gradient, 7 steps, 225 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#abc9da` | `oklch(81.89% 0.0400 232.03)` | Sonata | black, 12 to 1 |
| 2 | `#ccc7d6` | `oklch(83.76% 0.0220 301.27)` | Amethyst Tint | black, 12.6 to 1 |
| 3 | `#e3ccd2` | `oklch(86.59% 0.0260 0.88)` | Cool Pink | black, 13.8 to 1 |
| 4 | `#fdd2c6` | `oklch(89.76% 0.0510 35.83)` | Salmon Mousse | black, 15.2 to 1 |
| 5 | `#ffdac1` | `oklch(91.40% 0.0528 56.45)` | Whispering Peach | black, 16 to 1 |
| 6 | `#ffe3c1` | `oklch(93.12% 0.0541 73.06)` | Bisque | black, 17 to 1 |
| 7 | `#ffecc3` | `oklch(94.88% 0.0572 86.56)` | Yoghurt | black, 18 to 1 |

## CSS

```css
background: linear-gradient(225deg, #abc9da 0.0%, #ccc7d6 16.7%, #e3ccd2 33.3%, #fdd2c6 50.0%, #ffdac1 66.7%, #ffe3c1 83.3%, #ffecc3 100.0%);
background: linear-gradient(225deg in oklch, oklch(81.89% 0.0400 232.03) 0.0%, oklch(83.76% 0.0220 301.27) 16.7%, oklch(86.59% 0.0260 0.88) 33.3%, oklch(89.76% 0.0510 35.83) 50.0%, oklch(91.40% 0.0528 56.45) 66.7%, oklch(93.12% 0.0541 73.06) 83.3%, oklch(94.88% 0.0572 86.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.04 | 232 |
| 2 | 0.85 | 0.018 | 336.6 |
| 3 | 0.898 | 0.051 | 395.8 |
| 4 | 0.921 | 0.052 | 424.4 |
| 5 | 0.949 | 0.058 | 446.6 |

## In these collections

- [Winter sunset gradients](https://grabient.com/winter-sunset-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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