# Pale blush and blue color palette

The Pale blush and blue color palette brings together pale magenta, off-white, and pale teal. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is pale magenta, and its lightest tone is off-white.

- Also called: Pastel complementary pink and blue linear swatches
- Seed: `kW7R35eom8vyFsz7Eb3eRm_w`
- Page: https://grabient.com/kW7R35eom8vyFsz7Eb3eRm_w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: even lightness, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.1 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 | `#ffdfec` | `oklch(93.31% 0.0399 350.15)` | Baby Girl | black, 16.9 to 1 |
| 2 | `#fceefe` | `oklch(96.46% 0.0262 322.68)` | Lovely Euphoric Delight | black, 18.7 to 1 |
| 3 | `#eefbff` | `oklch(98.03% 0.0152 214.89)` | Placebo Sky | black, 19.9 to 1 |
| 4 | `#d3ffff` | `oklch(96.85% 0.0451 196.91)` | Mount Olympus | black, 19.4 to 1 |
| 5 | `#b8ffff` | `oklch(95.28% 0.0703 195.87)` | The Big Freeze | black, 18.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffdfec 0.000% 20.000%, #fceefe 20.000% 40.000%, #eefbff 40.000% 60.000%, #d3ffff 60.000% 80.000%, #b8ffff 80.000% 100.000%);
background: linear-gradient(90deg, oklch(93.31% 0.0399 350.15) 0.000% 20.000%, oklch(96.46% 0.0262 322.68) 20.000% 40.000%, oklch(98.03% 0.0152 214.89) 40.000% 60.000%, oklch(96.85% 0.0451 196.91) 60.000% 80.000%, oklch(95.28% 0.0703 195.87) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.04 | 350.2 |
| 2 | 0.965 | 0.026 | 322.7 |
| 3 | 0.98 | 0.015 | 214.9 |
| 4 | 0.969 | 0.048 | 196.9 |
| 5 | 0.953 | 0.07 | 195.9 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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