# Blue and blush spring palette

The Blue and blush spring palette brings together blue, light purple, and light magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light magenta.

- Also called: Blue, lavender and pink linear gradient
- Seed: `kUiH6-UDpBNmrwxjIEVA`
- Page: https://grabient.com/kUiH6-UDpBNmrwxjIEVA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#4163d1` | `oklch(53.54% 0.1736 267.19)` | Monarchist | white, 5.3 to 1 |
| 2 | `#4464d2` | `oklch(54.09% 0.1729 267.73)` | Monarchist | white, 5.2 to 1 |
| 3 | `#4766d4` | `oklch(54.81% 0.1722 268.33)` | Monarchist | white, 5 to 1 |
| 4 | `#4b69d6` | `oklch(55.65% 0.1714 269.01)` | Han Blue | white, 4.9 to 1 |
| 5 | `#506bd9` | `oklch(56.60% 0.1705 269.78)` | Cornflower | white, 4.7 to 1 |
| 6 | `#556edc` | `oklch(57.63% 0.1694 270.66)` | Cornflower | black, 4.6 to 1 |
| 7 | `#5a71df` | `oklch(58.69% 0.1682 271.66)` | Cornflower | black, 4.8 to 1 |
| 8 | `#6074e1` | `oklch(59.76% 0.1667 272.80)` | Blue Öyster Cult | black, 5 to 1 |
| 9 | `#6676e4` | `oklch(60.81% 0.1650 274.09)` | Pan Purple | black, 5.2 to 1 |
| 10 | `#6c79e6` | `oklch(61.80% 0.1630 275.54)` | Pan Purple | black, 5.5 to 1 |
| 11 | `#727be7` | `oklch(62.71% 0.1607 277.17)` | Hera Blue | black, 5.7 to 1 |
| 12 | `#787de8` | `oklch(63.53% 0.1580 278.97)` | Hera Blue | black, 5.8 to 1 |
| 13 | `#7e7fe8` | `oklch(64.31% 0.1548 280.91)` | Hera Blue | black, 6 to 1 |
| 14 | `#8480e8` | `oklch(65.06% 0.1512 282.98)` | Indigo Bloom | black, 6.2 to 1 |
| 15 | `#8a82e7` | `oklch(65.79% 0.1473 285.19)` | Indigo Bloom | black, 6.4 to 1 |
| 16 | `#9084e6` | `oklch(66.50% 0.1431 287.55)` | Perrywinkle | black, 6.5 to 1 |
| 17 | `#9685e5` | `oklch(67.20% 0.1388 290.06)` | Perrywinkle | black, 6.7 to 1 |
| 18 | `#9b87e3` | `oklch(67.90% 0.1345 292.75)` | Perrywinkle | black, 6.9 to 1 |
| 19 | `#a188e1` | `oklch(68.59% 0.1303 295.61)` | Perrywinkle | black, 7.1 to 1 |
| 20 | `#a78ae0` | `oklch(69.29% 0.1261 298.66)` | Middy’s Purple | black, 7.3 to 1 |
| 21 | `#ac8bde` | `oklch(69.99% 0.1223 301.90)` | Middy’s Purple | black, 7.5 to 1 |
| 22 | `#b28ddc` | `oklch(70.72% 0.1187 305.38)` | Middy’s Purple | black, 7.7 to 1 |
| 23 | `#b98ed9` | `oklch(71.49% 0.1152 309.44)` | Pale Purple | black, 7.9 to 1 |
| 24 | `#bf90d7` | `oklch(72.31% 0.1115 314.04)` | Lenurple | black, 8.1 to 1 |
| 25 | `#c692d3` | `oklch(73.15% 0.1079 319.03)` | Lenurple | black, 8.4 to 1 |
| 26 | `#cc94d0` | `oklch(73.99% 0.1044 324.20)` | Ineffable Magenta | black, 8.7 to 1 |
| 27 | `#d196cc` | `oklch(74.82% 0.1010 329.41)` | Ineffable Magenta | black, 8.9 to 1 |
| 28 | `#d698c9` | `oklch(75.60% 0.0978 334.45)` | Girl Power | black, 9.2 to 1 |
| 29 | `#db9bc6` | `oklch(76.33% 0.0948 339.17)` | Lilac Chiffon | black, 9.4 to 1 |
| 30 | `#de9dc3` | `oklch(76.98% 0.0922 343.39)` | Lilac Chiffon | black, 9.7 to 1 |
| 31 | `#e19fc1` | `oklch(77.52% 0.0900 346.93)` | Pink Begonia | black, 9.9 to 1 |
| 32 | `#e3a0c0` | `oklch(77.95% 0.0882 349.61)` | Prettiest Pink | black, 10 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4163d1 0.0%, #4464d2 3.2%, #4766d4 6.5%, #4b69d6 9.7%, #506bd9 12.9%, #556edc 16.1%, #5a71df 19.4%, #6074e1 22.6%, #6676e4 25.8%, #6c79e6 29.0%, #727be7 32.3%, #787de8 35.5%, #7e7fe8 38.7%, #8480e8 41.9%, #8a82e7 45.2%, #9084e6 48.4%, #9685e5 51.6%, #9b87e3 54.8%, #a188e1 58.1%, #a78ae0 61.3%, #ac8bde 64.5%, #b28ddc 67.7%, #b98ed9 71.0%, #bf90d7 74.2%, #c692d3 77.4%, #cc94d0 80.6%, #d196cc 83.9%, #d698c9 87.1%, #db9bc6 90.3%, #de9dc3 93.5%, #e19fc1 96.8%, #e3a0c0 100.0%);
background: linear-gradient(225deg in oklch, oklch(53.54% 0.1736 267.19) 0.0%, oklch(54.09% 0.1729 267.73) 3.2%, oklch(54.81% 0.1722 268.33) 6.5%, oklch(55.65% 0.1714 269.01) 9.7%, oklch(56.60% 0.1705 269.78) 12.9%, oklch(57.63% 0.1694 270.66) 16.1%, oklch(58.69% 0.1682 271.66) 19.4%, oklch(59.76% 0.1667 272.80) 22.6%, oklch(60.81% 0.1650 274.09) 25.8%, oklch(61.80% 0.1630 275.54) 29.0%, oklch(62.71% 0.1607 277.17) 32.3%, oklch(63.53% 0.1580 278.97) 35.5%, oklch(64.31% 0.1548 280.91) 38.7%, oklch(65.06% 0.1512 282.98) 41.9%, oklch(65.79% 0.1473 285.19) 45.2%, oklch(66.50% 0.1431 287.55) 48.4%, oklch(67.20% 0.1388 290.06) 51.6%, oklch(67.90% 0.1345 292.75) 54.8%, oklch(68.59% 0.1303 295.61) 58.1%, oklch(69.29% 0.1261 298.66) 61.3%, oklch(69.99% 0.1223 301.90) 64.5%, oklch(70.72% 0.1187 305.38) 67.7%, oklch(71.49% 0.1152 309.44) 71.0%, oklch(72.31% 0.1115 314.04) 74.2%, oklch(73.15% 0.1079 319.03) 77.4%, oklch(73.99% 0.1044 324.20) 80.6%, oklch(74.82% 0.1010 329.41) 83.9%, oklch(75.60% 0.0978 334.45) 87.1%, oklch(76.33% 0.0948 339.17) 90.3%, oklch(76.98% 0.0922 343.39) 93.5%, oklch(77.52% 0.0900 346.93) 96.8%, oklch(77.95% 0.0882 349.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.174 | 267.2 |
| 2 | 0.63 | 0.16 | 277.8 |
| 3 | 0.705 | 0.12 | 304.2 |
| 4 | 0.78 | 0.088 | 349.6 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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