# Lilac and rose color palette

The Lilac and rose color palette brings together light magenta and magenta. The colors span a moderate lightness range, combining moderate color with gentle 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 to purple angular gradient
- Seed: `kSwUHtzCvAbakwG`
- Page: https://grabient.com/kSwUHtzCvAbakwG?style=angularGradient&steps=32&angle=20
- Drawn as: angular gradient, 32 steps, 20 degrees
- Kinds: light to dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.8 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 | `#d49cc9` | `oklch(75.98% 0.0896 333.98)` | Girl Power | black, 9.3 to 1 |
| 2 | `#d39ac7` | `oklch(75.40% 0.0908 334.14)` | Girl Power | black, 9.1 to 1 |
| 3 | `#d197c5` | `oklch(74.70% 0.0924 334.32)` | Carnation Rose | black, 8.9 to 1 |
| 4 | `#d094c3` | `oklch(73.89% 0.0943 334.54)` | Carnation Rose | black, 8.6 to 1 |
| 5 | `#ce91c0` | `oklch(72.98% 0.0965 334.77)` | Carnation Rose | black, 8.3 to 1 |
| 6 | `#cb8dbd` | `oklch(72.00% 0.0989 335.04)` | Rock Star Pink | black, 8 to 1 |
| 7 | `#c989ba` | `oklch(70.95% 0.1014 335.31)` | Rock Star Pink | black, 7.7 to 1 |
| 8 | `#c685b7` | `oklch(69.83% 0.1040 335.61)` | Dragonflies | black, 7.4 to 1 |
| 9 | `#c480b4` | `oklch(68.68% 0.1066 335.91)` | Peruvian Lily | black, 7.1 to 1 |
| 10 | `#c17cb0` | `oklch(67.49% 0.1091 336.22)` | Colombo Red Mauve | black, 6.7 to 1 |
| 11 | `#be78ac` | `oklch(66.28% 0.1116 336.54)` | Hollyhock Blossom Pink | black, 6.4 to 1 |
| 12 | `#bb73a9` | `oklch(65.07% 0.1138 336.86)` | Crocus | black, 6.1 to 1 |
| 13 | `#b86fa5` | `oklch(63.86% 0.1158 337.17)` | Pink Parade | black, 5.8 to 1 |
| 14 | `#b56ba1` | `oklch(62.67% 0.1175 337.48)` | Pink Parade | black, 5.5 to 1 |
| 15 | `#b2679e` | `oklch(61.50% 0.1188 337.78)` | Victorian Valentine | black, 5.3 to 1 |
| 16 | `#af639a` | `oklch(60.38% 0.1196 338.07)` | Bodacious | black, 5 to 1 |
| 17 | `#ab6096` | `oklch(59.30% 0.1200 338.35)` | Radiant Orchid | black, 4.8 to 1 |
| 18 | `#a85d93` | `oklch(58.16% 0.1199 338.64)` | Meadow Mauve | black, 4.6 to 1 |
| 19 | `#a4598e` | `oklch(56.97% 0.1194 338.94)` | Cyclamen Red | white, 4.7 to 1 |
| 20 | `#a0568a` | `oklch(55.74% 0.1185 339.25)` | Purple Zergling | white, 5 to 1 |
| 21 | `#9c5286` | `oklch(54.48% 0.1173 339.57)` | Purple Zergling | white, 5.2 to 1 |
| 22 | `#974f81` | `oklch(53.21% 0.1159 339.88)` | Verve Violet | white, 5.5 to 1 |
| 23 | `#934c7d` | `oklch(51.93% 0.1143 340.20)` | Verve Violet | white, 5.8 to 1 |
| 24 | `#8f4979` | `oklch(50.68% 0.1126 340.51)` | Sugar Plum | white, 6.2 to 1 |
| 25 | `#8a4674` | `oklch(49.45% 0.1108 340.82)` | Club Mauve | white, 6.5 to 1 |
| 26 | `#864370` | `oklch(48.27% 0.1089 341.11)` | Club Mauve | white, 6.8 to 1 |
| 27 | `#82406d` | `oklch(47.15% 0.1071 341.39)` | Club Mauve | white, 7.1 to 1 |
| 28 | `#7f3e69` | `oklch(46.10% 0.1054 341.65)` | Midnight Aubergine | white, 7.5 to 1 |
| 29 | `#7b3c66` | `oklch(45.14% 0.1039 341.89)` | Burnt Orchid | white, 7.8 to 1 |
| 30 | `#783a63` | `oklch(44.27% 0.1025 342.10)` | Burnt Orchid | white, 8.1 to 1 |
| 31 | `#763860` | `oklch(43.53% 0.1014 342.29)` | Burnt Orchid | white, 8.3 to 1 |
| 32 | `#74375e` | `oklch(42.91% 0.1006 342.44)` | Passionate Plum | white, 8.6 to 1 |

## CSS

```css
background: conic-gradient(from 20deg, #d49cc9 0.0%, #d39ac7 3.2%, #d197c5 6.5%, #d094c3 9.7%, #ce91c0 12.9%, #cb8dbd 16.1%, #c989ba 19.4%, #c685b7 22.6%, #c480b4 25.8%, #c17cb0 29.0%, #be78ac 32.3%, #bb73a9 35.5%, #b86fa5 38.7%, #b56ba1 41.9%, #b2679e 45.2%, #af639a 48.4%, #ab6096 51.6%, #a85d93 54.8%, #a4598e 58.1%, #a0568a 61.3%, #9c5286 64.5%, #974f81 67.7%, #934c7d 71.0%, #8f4979 74.2%, #8a4674 77.4%, #864370 80.6%, #82406d 83.9%, #7f3e69 87.1%, #7b3c66 90.3%, #783a63 93.5%, #763860 96.8%, #74375e 100.0%);
background: conic-gradient(from 20deg in oklch, oklch(75.98% 0.0896 333.98) 0.0%, oklch(75.40% 0.0908 334.14) 3.2%, oklch(74.70% 0.0924 334.32) 6.5%, oklch(73.89% 0.0943 334.54) 9.7%, oklch(72.98% 0.0965 334.77) 12.9%, oklch(72.00% 0.0989 335.04) 16.1%, oklch(70.95% 0.1014 335.31) 19.4%, oklch(69.83% 0.1040 335.61) 22.6%, oklch(68.68% 0.1066 335.91) 25.8%, oklch(67.49% 0.1091 336.22) 29.0%, oklch(66.28% 0.1116 336.54) 32.3%, oklch(65.07% 0.1138 336.86) 35.5%, oklch(63.86% 0.1158 337.17) 38.7%, oklch(62.67% 0.1175 337.48) 41.9%, oklch(61.50% 0.1188 337.78) 45.2%, oklch(60.38% 0.1196 338.07) 48.4%, oklch(59.30% 0.1200 338.35) 51.6%, oklch(58.16% 0.1199 338.64) 54.8%, oklch(56.97% 0.1194 338.94) 58.1%, oklch(55.74% 0.1185 339.25) 61.3%, oklch(54.48% 0.1173 339.57) 64.5%, oklch(53.21% 0.1159 339.88) 67.7%, oklch(51.93% 0.1143 340.20) 71.0%, oklch(50.68% 0.1126 340.51) 74.2%, oklch(49.45% 0.1108 340.82) 77.4%, oklch(48.27% 0.1089 341.11) 80.6%, oklch(47.15% 0.1071 341.39) 83.9%, oklch(46.10% 0.1054 341.65) 87.1%, oklch(45.14% 0.1039 341.89) 90.3%, oklch(44.27% 0.1025 342.10) 93.5%, oklch(43.53% 0.1014 342.29) 96.8%, oklch(42.91% 0.1006 342.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.09 | 334 |
| 2 | 0.598 | 0.12 | 338.2 |
| 3 | 0.429 | 0.101 | 342.4 |

## In these collections

- [Lavender](https://grabient.com/lavender)
- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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