# Pale blue and mustard summer palette

The Pale blue and mustard summer palette brings together pale blue, light blue, teal, light red, light magenta, and light orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is teal, and its lightest tone is pale blue.

- Also called: Pastel blue, pink and tan linear swatches
- Seed: `kY7xanaqC_-SkuznKCvbCS7PAdTI`
- Page: https://grabient.com/kY7xanaqC_-SkuznKCvbCS7PAdTI?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel, light
- Hues: multi-hue
- 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 | `#d9effd` | `oklch(94.09% 0.0303 234.84)` | Calcareous Sinter | black, 17.7 to 1 |
| 2 | `#8fd4fc` | `oklch(83.86% 0.0896 234.84)` | Kul Sharif Blue | black, 12.9 to 1 |
| 3 | `#61cfcf` | `oklch(79.13% 0.1006 194.69)` | Petrichor | black, 11.3 to 1 |
| 4 | `#ffa69f` | `oklch(81.10% 0.1068 24.55)` | Corally | black, 11.1 to 1 |
| 5 | `#feb4de` | `oklch(85.04% 0.1006 344.39)` | Hot Aquarelle Pink | black, 12.7 to 1 |
| 6 | `#ecd79b` | `oklch(88.19% 0.0799 91.13)` | Palm Sugar Yellow | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d9effd 0.000% 16.667%, #8fd4fc 16.667% 33.333%, #61cfcf 33.333% 50.000%, #ffa69f 50.000% 66.667%, #feb4de 66.667% 83.333%, #ecd79b 83.333% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0303 234.84) 0.000% 16.667%, oklch(83.86% 0.0896 234.84) 16.667% 33.333%, oklch(79.13% 0.1006 194.69) 33.333% 50.000%, oklch(81.10% 0.1068 24.55) 50.000% 66.667%, oklch(85.04% 0.1006 344.39) 66.667% 83.333%, oklch(88.19% 0.0799 91.13) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.03 | 234.8 |
| 2 | 0.839 | 0.09 | 234.8 |
| 3 | 0.791 | 0.101 | 194.7 |
| 4 | 0.811 | 0.11 | 24.6 |
| 5 | 0.85 | 0.101 | -15.6 |
| 6 | 0.882 | 0.08 | 91.1 |

## In these collections

- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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