# Pale lavender and pale blush color palette

The Pale lavender and pale blush color palette brings together pale purple, magenta, and pale red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits website sections and interface mockups. Its darkest tone is magenta, and its lightest tone is pale purple.

- Also called: Pastel lavender, purple and pink radial gradient
- Seed: `kS7yHZVCZCXKXw2`
- Page: https://grabient.com/kS7yHZVCZCXKXw2?style=radialGradient&steps=48&angle=180
- Drawn as: radial gradient, 48 steps, 180 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#f1e6ff` | `oklch(94.09% 0.0352 305.16)` | Minute Mauve | black, 17.5 to 1 |
| 2 | `#efe3ff` | `oklch(93.40% 0.0397 305.62)` | Minute Mauve | black, 17.1 to 1 |
| 3 | `#eedfff` | `oklch(92.54% 0.0453 306.13)` | Lavender Savour | black, 16.6 to 1 |
| 4 | `#ecdbfe` | `oklch(91.51% 0.0509 306.68)` | Lavender Savour | black, 16 to 1 |
| 5 | `#e8d6fb` | `oklch(90.35% 0.0533 307.28)` | Lavender Princess | black, 15.5 to 1 |
| 6 | `#e5d2f8` | `oklch(89.06% 0.0559 307.94)` | Mousse aux Pruneaux | black, 14.8 to 1 |
| 7 | `#e2cdf5` | `oklch(87.68% 0.0588 308.63)` | Mousse aux Pruneaux | black, 14.2 to 1 |
| 8 | `#dec7f1` | `oklch(86.20% 0.0619 309.37)` | Prom Corsage | black, 13.5 to 1 |
| 9 | `#dac1ed` | `oklch(84.66% 0.0650 310.14)` | Beefy Pink | black, 12.8 to 1 |
| 10 | `#d6bce9` | `oklch(83.08% 0.0683 310.95)` | York Plum | black, 12.1 to 1 |
| 11 | `#d2b6e5` | `oklch(81.46% 0.0717 311.80)` | Pretty Petunia | black, 11.5 to 1 |
| 12 | `#ceb0e0` | `oklch(79.83% 0.0751 312.67)` | Whisper of Plum | black, 10.8 to 1 |
| 13 | `#caaadc` | `oklch(78.21% 0.0784 313.57)` | Cherish the Moment | black, 10.2 to 1 |
| 14 | `#c7a4d8` | `oklch(76.62% 0.0818 314.50)` | Enchanted Lavender | black, 9.6 to 1 |
| 15 | `#c39ed3` | `oklch(75.07% 0.0850 315.46)` | Mauve Mist | black, 9.1 to 1 |
| 16 | `#c099cf` | `oklch(73.59% 0.0881 316.43)` | Amethyst Show | black, 8.6 to 1 |
| 17 | `#bd93cb` | `oklch(72.19% 0.0911 317.43)` | Amethyst Show | black, 8.2 to 1 |
| 18 | `#ba8ec7` | `oklch(70.89% 0.0939 318.44)` | Lavender Blaze | black, 7.8 to 1 |
| 19 | `#b88ac3` | `oklch(69.70% 0.0964 319.46)` | Creeping Bellflower | black, 7.4 to 1 |
| 20 | `#b686c0` | `oklch(68.66% 0.0987 320.50)` | Creeping Bellflower | black, 7.1 to 1 |
| 21 | `#b483bd` | `oklch(67.77% 0.1007 321.54)` | African Violet | black, 6.9 to 1 |
| 22 | `#b380ba` | `oklch(67.05% 0.1023 322.59)` | African Violet | black, 6.7 to 1 |
| 23 | `#b37eb8` | `oklch(66.53% 0.1036 323.65)` | Cheddar Pink Mauve | black, 6.5 to 1 |
| 24 | `#b37cb6` | `oklch(66.21% 0.1045 324.71)` | Colombo Red Mauve | black, 6.4 to 1 |
| 25 | `#b47bb5` | `oklch(66.13% 0.1049 325.77)` | Colombo Red Mauve | black, 6.4 to 1 |
| 26 | `#b57cb5` | `oklch(66.27% 0.1049 326.91)` | Colombo Red Mauve | black, 6.4 to 1 |
| 27 | `#b77cb4` | `oklch(66.61% 0.1045 328.13)` | Colombo Red Mauve | black, 6.5 to 1 |
| 28 | `#b97eb5` | `oklch(67.14% 0.1037 329.41)` | Colombo Red Mauve | black, 6.7 to 1 |
| 29 | `#bc80b5` | `oklch(67.84% 0.1027 330.74)` | Drama Violet | black, 6.9 to 1 |
| 30 | `#c083b6` | `oklch(68.70% 0.1013 332.13)` | Violet Tulle | black, 7.1 to 1 |
| 31 | `#c386b8` | `oklch(69.69% 0.0997 333.55)` | Dragonflies | black, 7.4 to 1 |
| 32 | `#c789b9` | `oklch(70.79% 0.0979 335.00)` | Rock Star Pink | black, 7.7 to 1 |
| 33 | `#cb8dbb` | `oklch(72.00% 0.0959 336.47)` | Rock Star Pink | black, 8 to 1 |
| 34 | `#d092bd` | `oklch(73.29% 0.0937 337.95)` | Pressed Flower | black, 8.4 to 1 |
| 35 | `#d496c0` | `oklch(74.65% 0.0914 339.44)` | Soft Fuchsia | black, 8.9 to 1 |
| 36 | `#d99bc2` | `oklch(76.05% 0.0891 340.92)` | Prominent Pink | black, 9.4 to 1 |
| 37 | `#dda0c5` | `oklch(77.48% 0.0866 342.38)` | Prominent Pink | black, 9.9 to 1 |
| 38 | `#e2a5c8` | `oklch(78.92% 0.0841 343.82)` | Prettiest Pink | black, 10.4 to 1 |
| 39 | `#e6aacb` | `oklch(80.36% 0.0816 345.22)` | Pink Bliss | black, 10.9 to 1 |
| 40 | `#eaafce` | `oklch(81.77% 0.0792 346.58)` | Roses in the Snow | black, 11.5 to 1 |
| 41 | `#eeb4d1` | `oklch(83.15% 0.0768 347.89)` | Bunny Cake | black, 12 to 1 |
| 42 | `#f2b9d4` | `oklch(84.46% 0.0745 349.13)` | Pink Marshmallow | black, 12.6 to 1 |
| 43 | `#f6bdd6` | `oklch(85.71% 0.0724 350.31)` | Flamingo Feather | black, 13.1 to 1 |
| 44 | `#f9c1d9` | `oklch(86.85% 0.0704 351.41)` | Miami Pink | black, 13.6 to 1 |
| 45 | `#fcc5db` | `oklch(87.89% 0.0686 352.42)` | Sweet Romance | black, 14.1 to 1 |
| 46 | `#ffc8de` | `oklch(88.80% 0.0671 353.33)` | Cherry Blush | black, 14.5 to 1 |
| 47 | `#ffccdf` | `oklch(89.56% 0.0619 354.13)` | Linnet Egg Red | black, 14.9 to 1 |
| 48 | `#ffcfe0` | `oklch(90.16% 0.0577 354.82)` | Bologna Sausage | black, 15.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f1e6ff 0.0%, #efe3ff 2.1%, #eedfff 4.3%, #ecdbfe 6.4%, #e8d6fb 8.5%, #e5d2f8 10.6%, #e2cdf5 12.8%, #dec7f1 14.9%, #dac1ed 17.0%, #d6bce9 19.1%, #d2b6e5 21.3%, #ceb0e0 23.4%, #caaadc 25.5%, #c7a4d8 27.7%, #c39ed3 29.8%, #c099cf 31.9%, #bd93cb 34.0%, #ba8ec7 36.2%, #b88ac3 38.3%, #b686c0 40.4%, #b483bd 42.6%, #b380ba 44.7%, #b37eb8 46.8%, #b37cb6 48.9%, #b47bb5 51.1%, #b57cb5 53.2%, #b77cb4 55.3%, #b97eb5 57.4%, #bc80b5 59.6%, #c083b6 61.7%, #c386b8 63.8%, #c789b9 66.0%, #cb8dbb 68.1%, #d092bd 70.2%, #d496c0 72.3%, #d99bc2 74.5%, #dda0c5 76.6%, #e2a5c8 78.7%, #e6aacb 80.9%, #eaafce 83.0%, #eeb4d1 85.1%, #f2b9d4 87.2%, #f6bdd6 89.4%, #f9c1d9 91.5%, #fcc5db 93.6%, #ffc8de 95.7%, #ffccdf 97.9%, #ffcfe0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0352 305.16) 0.0%, oklch(93.40% 0.0397 305.62) 2.1%, oklch(92.54% 0.0453 306.13) 4.3%, oklch(91.51% 0.0509 306.68) 6.4%, oklch(90.35% 0.0533 307.28) 8.5%, oklch(89.06% 0.0559 307.94) 10.6%, oklch(87.68% 0.0588 308.63) 12.8%, oklch(86.20% 0.0619 309.37) 14.9%, oklch(84.66% 0.0650 310.14) 17.0%, oklch(83.08% 0.0683 310.95) 19.1%, oklch(81.46% 0.0717 311.80) 21.3%, oklch(79.83% 0.0751 312.67) 23.4%, oklch(78.21% 0.0784 313.57) 25.5%, oklch(76.62% 0.0818 314.50) 27.7%, oklch(75.07% 0.0850 315.46) 29.8%, oklch(73.59% 0.0881 316.43) 31.9%, oklch(72.19% 0.0911 317.43) 34.0%, oklch(70.89% 0.0939 318.44) 36.2%, oklch(69.70% 0.0964 319.46) 38.3%, oklch(68.66% 0.0987 320.50) 40.4%, oklch(67.77% 0.1007 321.54) 42.6%, oklch(67.05% 0.1023 322.59) 44.7%, oklch(66.53% 0.1036 323.65) 46.8%, oklch(66.21% 0.1045 324.71) 48.9%, oklch(66.13% 0.1049 325.77) 51.1%, oklch(66.27% 0.1049 326.91) 53.2%, oklch(66.61% 0.1045 328.13) 55.3%, oklch(67.14% 0.1037 329.41) 57.4%, oklch(67.84% 0.1027 330.74) 59.6%, oklch(68.70% 0.1013 332.13) 61.7%, oklch(69.69% 0.0997 333.55) 63.8%, oklch(70.79% 0.0979 335.00) 66.0%, oklch(72.00% 0.0959 336.47) 68.1%, oklch(73.29% 0.0937 337.95) 70.2%, oklch(74.65% 0.0914 339.44) 72.3%, oklch(76.05% 0.0891 340.92) 74.5%, oklch(77.48% 0.0866 342.38) 76.6%, oklch(78.92% 0.0841 343.82) 78.7%, oklch(80.36% 0.0816 345.22) 80.9%, oklch(81.77% 0.0792 346.58) 83.0%, oklch(83.15% 0.0768 347.89) 85.1%, oklch(84.46% 0.0745 349.13) 87.2%, oklch(85.71% 0.0724 350.31) 89.4%, oklch(86.85% 0.0704 351.41) 91.5%, oklch(87.89% 0.0686 352.42) 93.6%, oklch(88.80% 0.0671 353.33) 95.7%, oklch(89.56% 0.0619 354.13) 97.9%, oklch(90.16% 0.0577 354.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.045 | 305.2 |
| 2 | 0.661 | 0.105 | 325.2 |
| 3 | 0.902 | 0.065 | 354.8 |

## In these collections

- [Light UI gradients](https://grabient.com/light-ui-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Light mode color palette](https://grabient.com/light-mode-color-palette)
- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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