# Pale lavender and blush color palette

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

- Also called: Analogous lavender, purple and pink linear gradient
- Seed: `kW3iXWVKxALy4QDFvUKWb3CY`
- Page: https://grabient.com/kW3iXWVKxALy4QDFvUKWb3CY?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#dbcef3` | `oklch(87.40% 0.0510 300.94)` | Plum’s the Word | black, 14.1 to 1 |
| 2 | `#d6c8f0` | `oklch(85.72% 0.0569 301.11)` | Foggy Love | black, 13.3 to 1 |
| 3 | `#d0c0ed` | `oklch(83.45% 0.0650 301.33)` | York Plum | black, 12.3 to 1 |
| 4 | `#c8b5e9` | `oklch(80.75% 0.0748 301.60)` | Connecticut Lilac | black, 11.2 to 1 |
| 5 | `#c0aae5` | `oklch(77.77% 0.0854 301.90)` | Perfume | black, 10.1 to 1 |
| 6 | `#b89ee0` | `oklch(74.64% 0.0962 302.22)` | Violet Velvet | black, 9 to 1 |
| 7 | `#b093da` | `oklch(71.53% 0.1065 302.53)` | Pale Purple | black, 8 to 1 |
| 8 | `#a888d5` | `oklch(68.57% 0.1156 302.84)` | Middy’s Purple | black, 7.1 to 1 |
| 9 | `#a17ecf` | `oklch(65.88% 0.1229 303.11)` | Wisteria | black, 6.4 to 1 |
| 10 | `#9a74c9` | `oklch(63.09% 0.1289 303.17)` | Lilac Bush | black, 5.7 to 1 |
| 11 | `#916ac2` | `oklch(60.13% 0.1342 303.06)` | Lilac Bush | black, 5 to 1 |
| 12 | `#8960ba` | `oklch(57.14% 0.1387 302.91)` | Lusty Lavender | white, 4.7 to 1 |
| 13 | `#8157b3` | `oklch(54.30% 0.1428 302.85)` | Fuchsia Blue | white, 5.3 to 1 |
| 14 | `#7a4fac` | `oklch(51.74% 0.1464 303.00)` | Royal Lavender | white, 5.9 to 1 |
| 15 | `#7547a6` | `oklch(49.63% 0.1497 303.49)` | Studio | white, 6.5 to 1 |
| 16 | `#7241a2` | `oklch(48.12% 0.1528 304.46)` | Poppy Pompadour | white, 7 to 1 |
| 17 | `#723d9f` | `oklch(47.34% 0.1558 306.03)` | Poppy Pompadour | white, 7.2 to 1 |
| 18 | `#743b9e` | `oklch(47.24% 0.1584 308.21)` | Shiner | white, 7.3 to 1 |
| 19 | `#793a9e` | `oklch(47.70% 0.1606 310.87)` | Shiner | white, 7.1 to 1 |
| 20 | `#7f3b9e` | `oklch(48.59% 0.1626 313.88)` | Cadmium Violet | white, 6.9 to 1 |
| 21 | `#873c9f` | `oklch(49.81% 0.1642 317.10)` | Cadmium Violet | white, 6.6 to 1 |
| 22 | `#8f3fa0` | `oklch(51.26% 0.1656 320.39)` | Murasaki Purple | white, 6.2 to 1 |
| 23 | `#9741a1` | `oklch(52.81% 0.1668 323.62)` | Medium Purple | white, 5.8 to 1 |
| 24 | `#a044a2` | `oklch(54.35% 0.1679 326.65)` | Medium Purple | white, 5.4 to 1 |
| 25 | `#a848a3` | `oklch(55.97% 0.1687 329.53)` | Aged Purple | white, 5.1 to 1 |
| 26 | `#b24da5` | `oklch(58.01% 0.1693 332.62)` | Orchid Dottyback | white, 4.6 to 1 |
| 27 | `#bc52a7` | `oklch(60.31% 0.1696 335.79)` | Mazzy Star | black, 4.9 to 1 |
| 28 | `#c759aa` | `oklch(62.74% 0.1697 338.93)` | Pú Táo Zǐ Purple | black, 5.4 to 1 |
| 29 | `#d25fac` | `oklch(65.12% 0.1696 341.90)` | Pú Táo Zǐ Purple | black, 5.9 to 1 |
| 30 | `#dc65af` | `oklch(67.31% 0.1695 344.56)` | Mega Magenta | black, 6.5 to 1 |
| 31 | `#e46ab0` | `oklch(69.15% 0.1695 346.81)` | Amaranth | black, 6.9 to 1 |
| 32 | `#ea6eb1` | `oklch(70.47% 0.1695 348.49)` | Amaranth | black, 7.3 to 1 |

## CSS

```css
background: linear-gradient(315deg, #dbcef3 0.0%, #d6c8f0 3.2%, #d0c0ed 6.5%, #c8b5e9 9.7%, #c0aae5 12.9%, #b89ee0 16.1%, #b093da 19.4%, #a888d5 22.6%, #a17ecf 25.8%, #9a74c9 29.0%, #916ac2 32.3%, #8960ba 35.5%, #8157b3 38.7%, #7a4fac 41.9%, #7547a6 45.2%, #7241a2 48.4%, #723d9f 51.6%, #743b9e 54.8%, #793a9e 58.1%, #7f3b9e 61.3%, #873c9f 64.5%, #8f3fa0 67.7%, #9741a1 71.0%, #a044a2 74.2%, #a848a3 77.4%, #b24da5 80.6%, #bc52a7 83.9%, #c759aa 87.1%, #d25fac 90.3%, #dc65af 93.5%, #e46ab0 96.8%, #ea6eb1 100.0%);
background: linear-gradient(315deg in oklch, oklch(87.40% 0.0510 300.94) 0.0%, oklch(85.72% 0.0569 301.11) 3.2%, oklch(83.45% 0.0650 301.33) 6.5%, oklch(80.75% 0.0748 301.60) 9.7%, oklch(77.77% 0.0854 301.90) 12.9%, oklch(74.64% 0.0962 302.22) 16.1%, oklch(71.53% 0.1065 302.53) 19.4%, oklch(68.57% 0.1156 302.84) 22.6%, oklch(65.88% 0.1229 303.11) 25.8%, oklch(63.09% 0.1289 303.17) 29.0%, oklch(60.13% 0.1342 303.06) 32.3%, oklch(57.14% 0.1387 302.91) 35.5%, oklch(54.30% 0.1428 302.85) 38.7%, oklch(51.74% 0.1464 303.00) 41.9%, oklch(49.63% 0.1497 303.49) 45.2%, oklch(48.12% 0.1528 304.46) 48.4%, oklch(47.34% 0.1558 306.03) 51.6%, oklch(47.24% 0.1584 308.21) 54.8%, oklch(47.70% 0.1606 310.87) 58.1%, oklch(48.59% 0.1626 313.88) 61.3%, oklch(49.81% 0.1642 317.10) 64.5%, oklch(51.26% 0.1656 320.39) 67.7%, oklch(52.81% 0.1668 323.62) 71.0%, oklch(54.35% 0.1679 326.65) 74.2%, oklch(55.97% 0.1687 329.53) 77.4%, oklch(58.01% 0.1693 332.62) 80.6%, oklch(60.31% 0.1696 335.79) 83.9%, oklch(62.74% 0.1697 338.93) 87.1%, oklch(65.12% 0.1696 341.90) 90.3%, oklch(67.31% 0.1695 344.56) 93.5%, oklch(69.15% 0.1695 346.81) 96.8%, oklch(70.47% 0.1695 348.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.051 | 300.9 |
| 2 | 0.665 | 0.121 | 303.1 |
| 3 | 0.476 | 0.154 | 305.2 |
| 4 | 0.547 | 0.168 | 327.4 |
| 5 | 0.705 | 0.169 | 348.5 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)
- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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