# Candy Pink to Clear Blue

The "Color Palette: Blush and pale lavender" palette brings together magenta, light magenta, pale purple, pale blue, light blue, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is pale purple.

- Also called: Pink, lavender and blue linear swatches
- Seed: `kato305Do_-ykv3yELzcRO4-iiPzcNECg`
- Page: https://grabient.com/kato305Do_-ykv3yELzcRO4-iiPzcNECg?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: vivid, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2 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 | `#f369c1` | `oklch(71.65% 0.1943 343.83)` | Crumbly Lipstick | black, 7.6 to 1 |
| 2 | `#f979c9` | `oklch(74.78% 0.1808 344.09)` | Pink Plastic Fantastic | black, 8.5 to 1 |
| 3 | `#ff8dd3` | `oklch(78.74% 0.1589 343.82)` | Pink Delight | black, 10 to 1 |
| 4 | `#ffa3da` | `oklch(82.26% 0.1284 343.36)` | Corinthian Pink | black, 11.4 to 1 |
| 5 | `#fcb6e4` | `oklch(85.43% 0.1006 339.60)` | Hot Aquarelle Pink | black, 12.9 to 1 |
| 6 | `#f2c8ee` | `oklch(88.07% 0.0688 329.83)` | Sugar High | black, 14.2 to 1 |
| 7 | `#e8d5f3` | `oklch(89.76% 0.0455 313.18)` | Lavender Princess | black, 15.2 to 1 |
| 8 | `#d9dbfb` | `oklch(90.06% 0.0437 282.34)` | Nostalgia Perfume | black, 15.5 to 1 |
| 9 | `#c3ddfe` | `oklch(88.98% 0.0537 254.00)` | Dithered Sky | black, 15.1 to 1 |
| 10 | `#acd7fe` | `oklch(86.20% 0.0711 246.74)` | Malmö FF | black, 13.9 to 1 |
| 11 | `#94cbff` | `oklch(82.28% 0.0934 247.66)` | Apocyan | black, 12.2 to 1 |
| 12 | `#76b9fe` | `oklch(76.94% 0.1210 250.44)` | Cooler Than Ever | black, 10.1 to 1 |
| 13 | `#62a9fd` | `oklch(72.44% 0.1433 254.00)` | Âbi Blue | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f369c1 0.000% 7.692%, #f979c9 7.692% 15.385%, #ff8dd3 15.385% 23.077%, #ffa3da 23.077% 30.769%, #fcb6e4 30.769% 38.462%, #f2c8ee 38.462% 46.154%, #e8d5f3 46.154% 53.846%, #d9dbfb 53.846% 61.538%, #c3ddfe 61.538% 69.231%, #acd7fe 69.231% 76.923%, #94cbff 76.923% 84.615%, #76b9fe 84.615% 92.308%, #62a9fd 92.308% 100.000%);
background: linear-gradient(90deg, oklch(71.65% 0.1943 343.83) 0.000% 7.692%, oklch(74.78% 0.1808 344.09) 7.692% 15.385%, oklch(78.74% 0.1589 343.82) 15.385% 23.077%, oklch(82.26% 0.1284 343.36) 23.077% 30.769%, oklch(85.43% 0.1006 339.60) 30.769% 38.462%, oklch(88.07% 0.0688 329.83) 38.462% 46.154%, oklch(89.76% 0.0455 313.18) 46.154% 53.846%, oklch(90.06% 0.0437 282.34) 53.846% 61.538%, oklch(88.98% 0.0537 254.00) 61.538% 69.231%, oklch(86.20% 0.0711 246.74) 69.231% 76.923%, oklch(82.28% 0.0934 247.66) 76.923% 84.615%, oklch(76.94% 0.1210 250.44) 84.615% 92.308%, oklch(72.44% 0.1433 254.00) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.194 | 343.8 |
| 2 | 0.787 | 0.16 | 343.8 |
| 3 | 0.854 | 0.101 | 339.6 |
| 4 | 0.898 | 0.045 | 313.2 |
| 5 | 0.89 | 0.054 | 254 |
| 6 | 0.823 | 0.094 | 247.7 |
| 7 | 0.724 | 0.143 | 254 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)
- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)
- [Sunrise gradients](https://grabient.com/sunrise-gradients)
- [Winter sunset gradients](https://grabient.com/winter-sunset-gradients)

## Other forms

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