# Pale lilac color palette

The Pale lilac color palette brings together pale magenta, light magenta, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is magenta, and its lightest tone is pale magenta.

- Also called: Analogous pink, magenta and purple linear gradient
- Seed: `kY5yTw4jDAdJNwFO3T_PcRAaelPy`
- Page: https://grabient.com/kY5yTw4jDAdJNwFO3T_PcRAaelPy?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#f8d5ed` | `oklch(90.94% 0.0496 338.20)` | Jacaranda | black, 15.7 to 1 |
| 2 | `#f7ceea` | `oklch(89.49% 0.0584 338.66)` | Sparkling Pink | black, 14.9 to 1 |
| 3 | `#f6c4e5` | `oklch(87.48% 0.0706 339.29)` | Rosy Nectar | black, 13.9 to 1 |
| 4 | `#f5b9e0` | `oklch(85.09% 0.0851 340.04)` | Cotton Candy Aesthetic | black, 12.8 to 1 |
| 5 | `#f3acd9` | `oklch(82.53% 0.1007 340.84)` | Pretty Pink Piggy | black, 11.7 to 1 |
| 6 | `#f19fd3` | `oklch(79.97% 0.1164 341.61)` | Violet Kiss | black, 10.6 to 1 |
| 7 | `#ef93cd` | `oklch(77.60% 0.1310 342.31)` | Bubblegum Kisses | black, 9.7 to 1 |
| 8 | `#ed88c7` | `oklch(75.41% 0.1444 342.92)` | Blushed Bombshell | black, 8.9 to 1 |
| 9 | `#eb7cc1` | `oklch(73.13% 0.1583 343.55)` | Fuchsia Blush | black, 8.1 to 1 |
| 10 | `#e96fbb` | `oklch(70.85% 0.1721 344.17)` | Explicit Pink | black, 7.4 to 1 |
| 11 | `#e663b5` | `oklch(68.67% 0.1855 344.73)` | Crumbly Lipstick | black, 6.8 to 1 |
| 12 | `#e457af` | `oklch(66.72% 0.1981 345.19)` | Orion | black, 6.2 to 1 |
| 13 | `#e24bab` | `oklch(65.10% 0.2095 345.52)` | Orion | black, 5.8 to 1 |
| 14 | `#e241a8` | `oklch(63.96% 0.2197 345.64)` | Pink Bite | black, 5.5 to 1 |
| 15 | `#e338a8` | `oklch(63.42% 0.2300 345.50)` | Pink Bite | black, 5.3 to 1 |
| 16 | `#e530aa` | `oklch(63.26% 0.2398 345.19)` | Pink Bite | black, 5.3 to 1 |
| 17 | `#e728ac` | `oklch(63.22% 0.2482 344.83)` | Magnificent Magenta | black, 5.2 to 1 |
| 18 | `#e820ac` | `oklch(63.03% 0.2541 344.55)` | Magnificent Magenta | black, 5.2 to 1 |
| 19 | `#e718ab` | `oklch(62.46% 0.2567 344.46)` | Magnificent Magenta | black, 5.1 to 1 |
| 20 | `#e211a7` | `oklch(61.26% 0.2550 344.69)` | Aphroditean Fuchsia | black, 4.8 to 1 |
| 21 | `#db0d9f` | `oklch(59.59% 0.2486 345.35)` | Aphroditean Fuchsia | white, 4.6 to 1 |
| 22 | `#d10e95` | `oklch(57.58% 0.2385 346.28)` | Indian Lake | white, 4.9 to 1 |
| 23 | `#c6118b` | `oklch(55.33% 0.2259 347.28)` | Medium Violet Red | white, 5.4 to 1 |
| 24 | `#ba1580` | `oklch(52.92% 0.2120 348.16)` | Infectious Love | white, 5.9 to 1 |
| 25 | `#ae1776` | `oklch(50.42% 0.1979 348.70)` | Fabric of Love | white, 6.5 to 1 |
| 26 | `#a1186e` | `oklch(47.92% 0.1849 348.72)` | Morbid Princess | white, 7.2 to 1 |
| 27 | `#931966` | `oklch(45.06% 0.1706 348.11)` | Romantic Vampire | white, 8.1 to 1 |
| 28 | `#83195d` | `oklch(41.87% 0.1548 347.04)` | French Plum | white, 9.2 to 1 |
| 29 | `#731854` | `oklch(38.61% 0.1388 345.73)` | Velvet | white, 10.5 to 1 |
| 30 | `#65174b` | `oklch(35.55% 0.1238 344.38)` | Grape Purple | white, 11.8 to 1 |
| 31 | `#591644` | `oklch(32.96% 0.1111 343.21)` | Violet Carmine | white, 12.9 to 1 |
| 32 | `#51153e` | `oklch(31.10% 0.1020 342.43)` | Violet Carmine | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f8d5ed 0.0%, #f7ceea 3.2%, #f6c4e5 6.5%, #f5b9e0 9.7%, #f3acd9 12.9%, #f19fd3 16.1%, #ef93cd 19.4%, #ed88c7 22.6%, #eb7cc1 25.8%, #e96fbb 29.0%, #e663b5 32.3%, #e457af 35.5%, #e24bab 38.7%, #e241a8 41.9%, #e338a8 45.2%, #e530aa 48.4%, #e728ac 51.6%, #e820ac 54.8%, #e718ab 58.1%, #e211a7 61.3%, #db0d9f 64.5%, #d10e95 67.7%, #c6118b 71.0%, #ba1580 74.2%, #ae1776 77.4%, #a1186e 80.6%, #931966 83.9%, #83195d 87.1%, #731854 90.3%, #65174b 93.5%, #591644 96.8%, #51153e 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.94% 0.0496 338.20) 0.0%, oklch(89.49% 0.0584 338.66) 3.2%, oklch(87.48% 0.0706 339.29) 6.5%, oklch(85.09% 0.0851 340.04) 9.7%, oklch(82.53% 0.1007 340.84) 12.9%, oklch(79.97% 0.1164 341.61) 16.1%, oklch(77.60% 0.1310 342.31) 19.4%, oklch(75.41% 0.1444 342.92) 22.6%, oklch(73.13% 0.1583 343.55) 25.8%, oklch(70.85% 0.1721 344.17) 29.0%, oklch(68.67% 0.1855 344.73) 32.3%, oklch(66.72% 0.1981 345.19) 35.5%, oklch(65.10% 0.2095 345.52) 38.7%, oklch(63.96% 0.2197 345.64) 41.9%, oklch(63.42% 0.2300 345.50) 45.2%, oklch(63.26% 0.2398 345.19) 48.4%, oklch(63.22% 0.2482 344.83) 51.6%, oklch(63.03% 0.2541 344.55) 54.8%, oklch(62.46% 0.2567 344.46) 58.1%, oklch(61.26% 0.2550 344.69) 61.3%, oklch(59.59% 0.2486 345.35) 64.5%, oklch(57.58% 0.2385 346.28) 67.7%, oklch(55.33% 0.2259 347.28) 71.0%, oklch(52.92% 0.2120 348.16) 74.2%, oklch(50.42% 0.1979 348.70) 77.4%, oklch(47.92% 0.1849 348.72) 80.6%, oklch(45.06% 0.1706 348.11) 83.9%, oklch(41.87% 0.1548 347.04) 87.1%, oklch(38.61% 0.1388 345.73) 90.3%, oklch(35.55% 0.1238 344.38) 93.5%, oklch(32.96% 0.1111 343.21) 96.8%, oklch(31.10% 0.1020 342.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.05 | 338.2 |
| 2 | 0.772 | 0.134 | 342.4 |
| 3 | 0.646 | 0.214 | 345.6 |
| 4 | 0.618 | 0.256 | 344.5 |
| 5 | 0.484 | 0.187 | 348.8 |
| 6 | 0.311 | 0.102 | 342.4 |

## In these collections

- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)
- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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