# Blue and pale lavender spring pastel palette

The Blue and pale lavender spring pastel palette brings together pale blue, blue, and pale purple. 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 blue, and its lightest tone is pale blue.

- Also called: Pastel analogous blue to lavender linear gradient
- Seed: `kS5SSyVChEHKWQk`
- Page: https://grabient.com/kS5SSyVChEHKWQk?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.3 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 | `#c7e2ff` | `oklch(90.16% 0.0496 250.30)` | Fresh Water | black, 15.7 to 1 |
| 2 | `#c4e0fe` | `oklch(89.56% 0.0511 251.13)` | Dithered Sky | black, 15.4 to 1 |
| 3 | `#c2ddfd` | `oklch(88.81% 0.0530 252.09)` | Dithered Sky | black, 15 to 1 |
| 4 | `#bedafc` | `oklch(87.92% 0.0552 253.18)` | Oh Boy! | black, 14.6 to 1 |
| 5 | `#bbd7fa` | `oklch(86.90% 0.0577 254.38)` | Oh Boy! | black, 14.1 to 1 |
| 6 | `#b7d3f8` | `oklch(85.78% 0.0605 255.70)` | Ice Cold Stare | black, 13.6 to 1 |
| 7 | `#b2cef6` | `oklch(84.56% 0.0635 257.11)` | Ice Cold Stare | black, 13.1 to 1 |
| 8 | `#aecaf4` | `oklch(83.27% 0.0666 258.60)` | Tropical Blue | black, 12.5 to 1 |
| 9 | `#aac5f2` | `oklch(81.92% 0.0700 260.17)` | Sky High | black, 11.9 to 1 |
| 10 | `#a6c0f0` | `oklch(80.54% 0.0734 261.80)` | Sky High | black, 11.4 to 1 |
| 11 | `#a2bbed` | `oklch(79.13% 0.0769 263.47)` | Perano | black, 10.8 to 1 |
| 12 | `#9eb6eb` | `oklch(77.71% 0.0804 265.19)` | Honest | black, 10.3 to 1 |
| 13 | `#9ab1e8` | `oklch(76.30% 0.0839 266.93)` | Myrtle Flower | black, 9.8 to 1 |
| 14 | `#97ace6` | `oklch(74.91% 0.0873 268.69)` | Blue Skies Today | black, 9.3 to 1 |
| 15 | `#94a7e3` | `oklch(73.57% 0.0907 270.45)` | Dalmatian Sage | black, 8.8 to 1 |
| 16 | `#91a2e1` | `oklch(72.29% 0.0939 272.21)` | Dalmatian Sage | black, 8.4 to 1 |
| 17 | `#8f9ddf` | `oklch(71.09% 0.0969 273.94)` | Portage | black, 8 to 1 |
| 18 | `#8d99dc` | `oklch(69.97% 0.0998 275.65)` | Portage | black, 7.7 to 1 |
| 19 | `#8b95da` | `oklch(68.97% 0.1023 277.31)` | Portage | black, 7.4 to 1 |
| 20 | `#8b92d8` | `oklch(68.09% 0.1046 278.92)` | Portage | black, 7.1 to 1 |
| 21 | `#8a8ed7` | `oklch(67.35% 0.1066 280.46)` | Adora | black, 6.9 to 1 |
| 22 | `#8a8cd5` | `oklch(66.78% 0.1082 281.93)` | Adora | black, 6.7 to 1 |
| 23 | `#8a8ad4` | `oklch(66.38% 0.1093 283.31)` | Adora | black, 6.6 to 1 |
| 24 | `#8b89d4` | `oklch(66.17% 0.1101 284.59)` | Indigo Bloom | black, 6.6 to 1 |
| 25 | `#8d88d3` | `oklch(66.17% 0.1103 285.77)` | Indigo Bloom | black, 6.6 to 1 |
| 26 | `#8f88d3` | `oklch(66.38% 0.1101 286.92)` | Indigo Bloom | black, 6.6 to 1 |
| 27 | `#9189d4` | `oklch(66.78% 0.1094 288.05)` | Adora | black, 6.7 to 1 |
| 28 | `#948bd5` | `oklch(67.35% 0.1083 289.16)` | Adora | black, 6.9 to 1 |
| 29 | `#988dd6` | `oklch(68.09% 0.1069 290.25)` | Adora | black, 7 to 1 |
| 30 | `#9c8fd7` | `oklch(68.97% 0.1052 291.32)` | Middy’s Purple | black, 7.3 to 1 |
| 31 | `#a092d9` | `oklch(69.97% 0.1031 292.37)` | Middy’s Purple | black, 7.6 to 1 |
| 32 | `#a496db` | `oklch(71.09% 0.1008 293.38)` | Dull Lavender | black, 7.9 to 1 |
| 33 | `#a999dd` | `oklch(72.29% 0.0983 294.38)` | Dull Lavender | black, 8.3 to 1 |
| 34 | `#ae9de0` | `oklch(73.57% 0.0957 295.34)` | Violet Velvet | black, 8.7 to 1 |
| 35 | `#b3a2e2` | `oklch(74.91% 0.0929 296.28)` | Violet Velvet | black, 9.1 to 1 |
| 36 | `#b8a6e5` | `oklch(76.30% 0.0900 297.18)` | Enchanted Lavender | black, 9.6 to 1 |
| 37 | `#bdabe7` | `oklch(77.71% 0.0870 298.06)` | Perfume | black, 10.1 to 1 |
| 38 | `#c2afea` | `oklch(79.13% 0.0840 298.90)` | Purple Sand | black, 10.6 to 1 |
| 39 | `#c7b4ed` | `oklch(80.54% 0.0810 299.71)` | Purple Sand | black, 11.1 to 1 |
| 40 | `#ccb9ef` | `oklch(81.92% 0.0781 300.48)` | Connecticut Lilac | black, 11.7 to 1 |
| 41 | `#d0bdf2` | `oklch(83.27% 0.0752 301.22)` | Connecticut Lilac | black, 12.2 to 1 |
| 42 | `#d5c2f5` | `oklch(84.56% 0.0725 301.92)` | Beefy Pink | black, 12.8 to 1 |
| 43 | `#d9c6f7` | `oklch(85.78% 0.0699 302.58)` | Neon Boneyard | black, 13.3 to 1 |
| 44 | `#ddcaf9` | `oklch(86.90% 0.0675 303.20)` | Foggy Heath | black, 13.8 to 1 |
| 45 | `#e0cdfb` | `oklch(87.92% 0.0653 303.78)` | Pale Lavender | black, 14.3 to 1 |
| 46 | `#e3d0fd` | `oklch(88.81% 0.0635 304.32)` | Pale Lavender | black, 14.7 to 1 |
| 47 | `#e6d3fe` | `oklch(89.56% 0.0619 304.81)` | Mousse aux Pruneaux | black, 15.1 to 1 |
| 48 | `#e8d5ff` | `oklch(90.16% 0.0597 305.27)` | Rose Dragée | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c7e2ff 0.0%, #c4e0fe 2.1%, #c2ddfd 4.3%, #bedafc 6.4%, #bbd7fa 8.5%, #b7d3f8 10.6%, #b2cef6 12.8%, #aecaf4 14.9%, #aac5f2 17.0%, #a6c0f0 19.1%, #a2bbed 21.3%, #9eb6eb 23.4%, #9ab1e8 25.5%, #97ace6 27.7%, #94a7e3 29.8%, #91a2e1 31.9%, #8f9ddf 34.0%, #8d99dc 36.2%, #8b95da 38.3%, #8b92d8 40.4%, #8a8ed7 42.6%, #8a8cd5 44.7%, #8a8ad4 46.8%, #8b89d4 48.9%, #8d88d3 51.1%, #8f88d3 53.2%, #9189d4 55.3%, #948bd5 57.4%, #988dd6 59.6%, #9c8fd7 61.7%, #a092d9 63.8%, #a496db 66.0%, #a999dd 68.1%, #ae9de0 70.2%, #b3a2e2 72.3%, #b8a6e5 74.5%, #bdabe7 76.6%, #c2afea 78.7%, #c7b4ed 80.9%, #ccb9ef 83.0%, #d0bdf2 85.1%, #d5c2f5 87.2%, #d9c6f7 89.4%, #ddcaf9 91.5%, #e0cdfb 93.6%, #e3d0fd 95.7%, #e6d3fe 97.9%, #e8d5ff 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0496 250.30) 0.0%, oklch(89.56% 0.0511 251.13) 2.1%, oklch(88.81% 0.0530 252.09) 4.3%, oklch(87.92% 0.0552 253.18) 6.4%, oklch(86.90% 0.0577 254.38) 8.5%, oklch(85.78% 0.0605 255.70) 10.6%, oklch(84.56% 0.0635 257.11) 12.8%, oklch(83.27% 0.0666 258.60) 14.9%, oklch(81.92% 0.0700 260.17) 17.0%, oklch(80.54% 0.0734 261.80) 19.1%, oklch(79.13% 0.0769 263.47) 21.3%, oklch(77.71% 0.0804 265.19) 23.4%, oklch(76.30% 0.0839 266.93) 25.5%, oklch(74.91% 0.0873 268.69) 27.7%, oklch(73.57% 0.0907 270.45) 29.8%, oklch(72.29% 0.0939 272.21) 31.9%, oklch(71.09% 0.0969 273.94) 34.0%, oklch(69.97% 0.0998 275.65) 36.2%, oklch(68.97% 0.1023 277.31) 38.3%, oklch(68.09% 0.1046 278.92) 40.4%, oklch(67.35% 0.1066 280.46) 42.6%, oklch(66.78% 0.1082 281.93) 44.7%, oklch(66.38% 0.1093 283.31) 46.8%, oklch(66.17% 0.1101 284.59) 48.9%, oklch(66.17% 0.1103 285.77) 51.1%, oklch(66.38% 0.1101 286.92) 53.2%, oklch(66.78% 0.1094 288.05) 55.3%, oklch(67.35% 0.1083 289.16) 57.4%, oklch(68.09% 0.1069 290.25) 59.6%, oklch(68.97% 0.1052 291.32) 61.7%, oklch(69.97% 0.1031 292.37) 63.8%, oklch(71.09% 0.1008 293.38) 66.0%, oklch(72.29% 0.0983 294.38) 68.1%, oklch(73.57% 0.0957 295.34) 70.2%, oklch(74.91% 0.0929 296.28) 72.3%, oklch(76.30% 0.0900 297.18) 74.5%, oklch(77.71% 0.0870 298.06) 76.6%, oklch(79.13% 0.0840 298.90) 78.7%, oklch(80.54% 0.0810 299.71) 80.9%, oklch(81.92% 0.0781 300.48) 83.0%, oklch(83.27% 0.0752 301.22) 85.1%, oklch(84.56% 0.0725 301.92) 87.2%, oklch(85.78% 0.0699 302.58) 89.4%, oklch(86.90% 0.0675 303.20) 91.5%, oklch(87.92% 0.0653 303.78) 93.6%, oklch(88.81% 0.0635 304.32) 95.7%, oklch(89.56% 0.0619 304.81) 97.9%, oklch(90.16% 0.0597 305.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.05 | 250.3 |
| 2 | 0.661 | 0.11 | 285.2 |
| 3 | 0.902 | 0.061 | 305.3 |

## In these collections

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

## Other forms

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