# Rose, lilac and sky blue spring palette

The Rose, lilac and sky blue spring palette brings together magenta, light magenta, light purple, and light 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 light blue.

- Also called: Duotone magenta to light blue linear gradient
- Seed: `kWjo741UI_-IuvrlnDr5hs3o`
- Page: https://grabient.com/kWjo741UI_-IuvrlnDr5hs3o?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.8 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 | `#c13185` | `oklch(55.91% 0.1957 349.45)` | Medium Red Violet | white, 5.2 to 1 |
| 2 | `#c33588` | `oklch(56.79% 0.1949 349.53)` | Medium Red Violet | white, 5 to 1 |
| 3 | `#c8398b` | `oklch(57.99% 0.1941 349.71)` | Magenta Pink | white, 4.7 to 1 |
| 4 | `#cc3f8e` | `oklch(59.41% 0.1932 349.94)` | Smitten | black, 4.6 to 1 |
| 5 | `#d24593` | `oklch(60.98% 0.1920 350.13)` | Twinkly Pinkily | black, 4.9 to 1 |
| 6 | `#d74b97` | `oklch(62.63% 0.1903 350.23)` | Kirby | black, 5.3 to 1 |
| 7 | `#dc529c` | `oklch(64.28% 0.1880 350.17)` | Nova Pink | black, 5.7 to 1 |
| 8 | `#e058a2` | `oklch(65.85% 0.1849 349.87)` | Bit of Berry | black, 6.1 to 1 |
| 9 | `#e35fa7` | `oklch(67.27% 0.1808 349.29)` | Sugar Rush | black, 6.4 to 1 |
| 10 | `#e666ac` | `oklch(68.71% 0.1755 348.69)` | Fugitive Flamingo | black, 6.8 to 1 |
| 11 | `#e86db1` | `oklch(70.18% 0.1691 348.11)` | Amaranth | black, 7.2 to 1 |
| 12 | `#ea75b6` | `oklch(71.66% 0.1620 347.39)` | Fuchsia Blush | black, 7.7 to 1 |
| 13 | `#ec7cbc` | `oklch(73.09% 0.1545 346.40)` | Fuchsia Blush | black, 8.1 to 1 |
| 14 | `#ec84c1` | `oklch(74.44% 0.1467 345.01)` | Blushed Bombshell | black, 8.6 to 1 |
| 15 | `#ec8bc7` | `oklch(75.67% 0.1390 343.09)` | Blushed Bombshell | black, 9 to 1 |
| 16 | `#eb91cd` | `oklch(76.72% 0.1316 340.48)` | Mayflower Orchid | black, 9.4 to 1 |
| 17 | `#e996d3` | `oklch(77.56% 0.1247 337.11)` | Mayflower Orchid | black, 9.7 to 1 |
| 18 | `#e59bd8` | `oklch(78.21% 0.1174 333.11)` | Damson Plum | black, 10 to 1 |
| 19 | `#e1a0dd` | `oklch(78.69% 0.1098 328.56)` | Plum Juice | black, 10.2 to 1 |
| 20 | `#dba4e1` | `oklch(79.05% 0.1022 323.49)` | Plum Juice | black, 10.4 to 1 |
| 21 | `#d5a8e4` | `oklch(79.31% 0.0950 317.90)` | Tropical Violet | black, 10.5 to 1 |
| 22 | `#cface6` | `oklch(79.52% 0.0884 311.84)` | Tropical Violet | black, 10.7 to 1 |
| 23 | `#c9b0e8` | `oklch(79.69% 0.0826 305.34)` | Purple Sand | black, 10.8 to 1 |
| 24 | `#c3b3e9` | `oklch(79.87% 0.0781 298.41)` | Purple Sand | black, 10.9 to 1 |
| 25 | `#bdb6eb` | `oklch(80.05% 0.0750 290.66)` | Purple Sand | black, 11 to 1 |
| 26 | `#b6b9ed` | `oklch(80.18% 0.0732 281.35)` | Perano | black, 11.1 to 1 |
| 27 | `#adbdee` | `oklch(80.25% 0.0725 271.06)` | Perano | black, 11.2 to 1 |
| 28 | `#a4c0ee` | `oklch(80.29% 0.0726 260.42)` | Sky High | black, 11.3 to 1 |
| 29 | `#9bc3ed` | `oklch(80.30% 0.0731 250.06)` | Sail to the Sea | black, 11.4 to 1 |
| 30 | `#94c6ea` | `oklch(80.30% 0.0737 240.59)` | Deluxe Days | black, 11.4 to 1 |
| 31 | `#8ec8e7` | `oklch(80.30% 0.0743 232.66)` | Deluxe Days | black, 11.5 to 1 |
| 32 | `#8ac9e4` | `oklch(80.31% 0.0744 226.87)` | Gossamer Threads | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c13185 0.0%, #c33588 3.2%, #c8398b 6.5%, #cc3f8e 9.7%, #d24593 12.9%, #d74b97 16.1%, #dc529c 19.4%, #e058a2 22.6%, #e35fa7 25.8%, #e666ac 29.0%, #e86db1 32.3%, #ea75b6 35.5%, #ec7cbc 38.7%, #ec84c1 41.9%, #ec8bc7 45.2%, #eb91cd 48.4%, #e996d3 51.6%, #e59bd8 54.8%, #e1a0dd 58.1%, #dba4e1 61.3%, #d5a8e4 64.5%, #cface6 67.7%, #c9b0e8 71.0%, #c3b3e9 74.2%, #bdb6eb 77.4%, #b6b9ed 80.6%, #adbdee 83.9%, #a4c0ee 87.1%, #9bc3ed 90.3%, #94c6ea 93.5%, #8ec8e7 96.8%, #8ac9e4 100.0%);
background: linear-gradient(90deg in oklch, oklch(55.91% 0.1957 349.45) 0.0%, oklch(56.79% 0.1949 349.53) 3.2%, oklch(57.99% 0.1941 349.71) 6.5%, oklch(59.41% 0.1932 349.94) 9.7%, oklch(60.98% 0.1920 350.13) 12.9%, oklch(62.63% 0.1903 350.23) 16.1%, oklch(64.28% 0.1880 350.17) 19.4%, oklch(65.85% 0.1849 349.87) 22.6%, oklch(67.27% 0.1808 349.29) 25.8%, oklch(68.71% 0.1755 348.69) 29.0%, oklch(70.18% 0.1691 348.11) 32.3%, oklch(71.66% 0.1620 347.39) 35.5%, oklch(73.09% 0.1545 346.40) 38.7%, oklch(74.44% 0.1467 345.01) 41.9%, oklch(75.67% 0.1390 343.09) 45.2%, oklch(76.72% 0.1316 340.48) 48.4%, oklch(77.56% 0.1247 337.11) 51.6%, oklch(78.21% 0.1174 333.11) 54.8%, oklch(78.69% 0.1098 328.56) 58.1%, oklch(79.05% 0.1022 323.49) 61.3%, oklch(79.31% 0.0950 317.90) 64.5%, oklch(79.52% 0.0884 311.84) 67.7%, oklch(79.69% 0.0826 305.34) 71.0%, oklch(79.87% 0.0781 298.41) 74.2%, oklch(80.05% 0.0750 290.66) 77.4%, oklch(80.18% 0.0732 281.35) 80.6%, oklch(80.25% 0.0725 271.06) 83.9%, oklch(80.29% 0.0726 260.42) 87.1%, oklch(80.30% 0.0731 250.06) 90.3%, oklch(80.30% 0.0737 240.59) 93.5%, oklch(80.30% 0.0743 232.66) 96.8%, oklch(80.31% 0.0744 226.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.196 | 349.5 |
| 2 | 0.669 | 0.182 | 349.5 |
| 3 | 0.772 | 0.128 | 338.9 |
| 4 | 0.799 | 0.077 | 296.6 |
| 5 | 0.803 | 0.074 | 226.9 |

## In these collections

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

## Other forms

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