# Lilac color palette

The Lilac color palette brings together light magenta and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light magenta.

- Also called: Analogous pink and purple linear gradient
- Seed: `kazzfv0qy_T0wP4qqD9ty3AkqwwHeJEBg`
- Page: https://grabient.com/kazzfv0qy_T0wP4qqD9ty3AkqwwHeJEBg?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark center
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#e3b0d5` | `oklch(81.50% 0.0758 336.80)` | Flower Power | black, 11.4 to 1 |
| 2 | `#dea8d0` | `oklch(79.34% 0.0825 336.07)` | Tiara Pink | black, 10.6 to 1 |
| 3 | `#d79cc9` | `oklch(76.32% 0.0922 335.04)` | Rose Garden | black, 9.4 to 1 |
| 4 | `#cf8ec2` | `oklch(72.77% 0.1032 333.85)` | Pomtini | black, 8.3 to 1 |
| 5 | `#c580ba` | `oklch(69.05% 0.1137 332.67)` | Lavender Sweater | black, 7.1 to 1 |
| 6 | `#bb74b2` | `oklch(65.51% 0.1217 331.65)` | Colombo Red Mauve | black, 6.2 to 1 |
| 7 | `#b268aa` | `oklch(62.23% 0.1266 330.89)` | Pearly Purple | black, 5.4 to 1 |
| 8 | `#a75ea1` | `oklch(58.89% 0.1301 330.28)` | Heath Spotted Orchid | black, 4.7 to 1 |
| 9 | `#9d5398` | `oklch(55.54% 0.1322 329.73)` | Hyacinth Violet | white, 5 to 1 |
| 10 | `#924a8e` | `oklch(52.24% 0.1330 329.18)` | Mad About Magenta | white, 5.8 to 1 |
| 11 | `#884185` | `oklch(49.06% 0.1326 328.57)` | Evil Curse | white, 6.7 to 1 |
| 12 | `#7d387c` | `oklch(45.86% 0.1307 327.78)` | Sparkling Grape | white, 7.6 to 1 |
| 13 | `#703071` | `oklch(42.30% 0.1262 326.72)` | Seance | white, 8.9 to 1 |
| 14 | `#632867` | `oklch(38.80% 0.1204 325.61)` | Blackest Berry | white, 10.3 to 1 |
| 15 | `#59225d` | `oklch(35.84% 0.1149 324.68)` | Kuwanomi Purple | white, 11.5 to 1 |
| 16 | `#521e57` | `oklch(33.90% 0.1110 324.15)` | Purple Velour | white, 12.4 to 1 |
| 17 | `#511d56` | `oklch(33.43% 0.1103 324.26)` | Purple Velour | white, 12.6 to 1 |
| 18 | `#541f58` | `oklch(34.37% 0.1121 324.99)` | Purple Velour | white, 12.2 to 1 |
| 19 | `#5b235e` | `oklch(36.32% 0.1156 326.12)` | Kuwanomi Purple | white, 11.3 to 1 |
| 20 | `#652865` | `oklch(38.86% 0.1197 327.44)` | Charisma | white, 10.2 to 1 |
| 21 | `#6f2e6d` | `oklch(41.59% 0.1235 328.70)` | Seance | white, 9.2 to 1 |
| 22 | `#783474` | `oklch(44.14% 0.1262 329.70)` | Veronica Purple | white, 8.2 to 1 |
| 23 | `#813b7c` | `oklch(46.88% 0.1291 330.57)` | Sparkling Grape | white, 7.3 to 1 |
| 24 | `#8c4284` | `oklch(49.87% 0.1320 331.38)` | Flesh Fly | white, 6.4 to 1 |
| 25 | `#974a8e` | `oklch(52.99% 0.1342 332.17)` | Hyacinth Violet | white, 5.6 to 1 |
| 26 | `#a25396` | `oklch(56.12% 0.1348 332.96)` | Hyacinth Violet | white, 4.9 to 1 |
| 27 | `#ac5c9e` | `oklch(59.16% 0.1332 333.77)` | Radiant Orchid | black, 4.7 to 1 |
| 28 | `#b668a6` | `oklch(62.43% 0.1281 334.66)` | Pearly Purple | black, 5.4 to 1 |
| 29 | `#bf74ae` | `oklch(65.88% 0.1205 335.62)` | Crocus | black, 6.3 to 1 |
| 30 | `#c880b6` | `oklch(69.19% 0.1120 336.52)` | Peruvian Lily | black, 7.2 to 1 |
| 31 | `#cf8bbc` | `oklch(72.01% 0.1044 337.30)` | Cyclamen | black, 8 to 1 |
| 32 | `#d492c1` | `oklch(74.02% 0.0992 337.85)` | Pressed Flower | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(270deg, #e3b0d5 0.0%, #dea8d0 3.2%, #d79cc9 6.5%, #cf8ec2 9.7%, #c580ba 12.9%, #bb74b2 16.1%, #b268aa 19.4%, #a75ea1 22.6%, #9d5398 25.8%, #924a8e 29.0%, #884185 32.3%, #7d387c 35.5%, #703071 38.7%, #632867 41.9%, #59225d 45.2%, #521e57 48.4%, #511d56 51.6%, #541f58 54.8%, #5b235e 58.1%, #652865 61.3%, #6f2e6d 64.5%, #783474 67.7%, #813b7c 71.0%, #8c4284 74.2%, #974a8e 77.4%, #a25396 80.6%, #ac5c9e 83.9%, #b668a6 87.1%, #bf74ae 90.3%, #c880b6 93.5%, #cf8bbc 96.8%, #d492c1 100.0%);
background: linear-gradient(270deg in oklch, oklch(81.50% 0.0758 336.80) 0.0%, oklch(79.34% 0.0825 336.07) 3.2%, oklch(76.32% 0.0922 335.04) 6.5%, oklch(72.77% 0.1032 333.85) 9.7%, oklch(69.05% 0.1137 332.67) 12.9%, oklch(65.51% 0.1217 331.65) 16.1%, oklch(62.23% 0.1266 330.89) 19.4%, oklch(58.89% 0.1301 330.28) 22.6%, oklch(55.54% 0.1322 329.73) 25.8%, oklch(52.24% 0.1330 329.18) 29.0%, oklch(49.06% 0.1326 328.57) 32.3%, oklch(45.86% 0.1307 327.78) 35.5%, oklch(42.30% 0.1262 326.72) 38.7%, oklch(38.80% 0.1204 325.61) 41.9%, oklch(35.84% 0.1149 324.68) 45.2%, oklch(33.90% 0.1110 324.15) 48.4%, oklch(33.43% 0.1103 324.26) 51.6%, oklch(34.37% 0.1121 324.99) 54.8%, oklch(36.32% 0.1156 326.12) 58.1%, oklch(38.86% 0.1197 327.44) 61.3%, oklch(41.59% 0.1235 328.70) 64.5%, oklch(44.14% 0.1262 329.70) 67.7%, oklch(46.88% 0.1291 330.57) 71.0%, oklch(49.87% 0.1320 331.38) 74.2%, oklch(52.99% 0.1342 332.17) 77.4%, oklch(56.12% 0.1348 332.96) 80.6%, oklch(59.16% 0.1332 333.77) 83.9%, oklch(62.43% 0.1281 334.66) 87.1%, oklch(65.88% 0.1205 335.62) 90.3%, oklch(69.19% 0.1120 336.52) 93.5%, oklch(72.01% 0.1044 337.30) 96.8%, oklch(74.02% 0.0992 337.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.076 | 336.8 |
| 2 | 0.65 | 0.123 | 331.5 |
| 3 | 0.48 | 0.132 | 328.3 |
| 4 | 0.335 | 0.11 | 324.1 |
| 5 | 0.433 | 0.125 | 329.4 |
| 6 | 0.587 | 0.134 | 333.6 |
| 7 | 0.74 | 0.099 | 337.9 |

## In these collections

- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)
- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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