# Periwinkle, magenta and wine romantic palette

Monochrome lavender to purple angular gradient with 32 colors: #c8c0e5, #c6bce4, #c3b7e3, #bfb1e1, #bbabdf, #b8a3dc, #b59cd9, #b295d6, #b08fd2, #af89ce, #ad83c9, #ac7dc3, #ac77bd, #ab71b7, #aa6cb0, #a966aa, #a861a3, #a75c9c, #a75796, #a6528e, #a54d87, #a44880, #a24479, #9f4073, #9b3c6d, #953967, #8f3561, #88325c, #813057, #7b2d53, #762b4f, #732a4d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome lavender to purple angular gradient
- Seed: `kW0ibSWiTBMytwpBMkKMyhAQ`
- Page: https://grabient.com/kW0ibSWiTBMytwpBMkKMyhAQ?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light to dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#c8c0e5` | `oklch(82.68% 0.0524 295.31)` | Digital Lavender | black, 12.1 to 1 |
| 2 | `#c6bce4` | `oklch(81.72% 0.0564 296.07)` | Viking Diva | black, 11.7 to 1 |
| 3 | `#c3b7e3` | `oklch(80.44% 0.0620 297.00)` | Melrose | black, 11.2 to 1 |
| 4 | `#bfb1e1` | `oklch(78.91% 0.0686 298.10)` | Moonraker | black, 10.6 to 1 |
| 5 | `#bbabdf` | `oklch(77.22% 0.0758 299.38)` | Perfume | black, 9.9 to 1 |
| 6 | `#b8a3dc` | `oklch(75.45% 0.0832 300.84)` | Enchanted Lavender | black, 9.3 to 1 |
| 7 | `#b59cd9` | `oklch(73.69% 0.0903 302.50)` | Violet Velvet | black, 8.7 to 1 |
| 8 | `#b295d6` | `oklch(72.01% 0.0966 304.35)` | Lenurple | black, 8.1 to 1 |
| 9 | `#b08fd2` | `oklch(70.50% 0.1018 306.42)` | Middy’s Purple | black, 7.7 to 1 |
| 10 | `#af89ce` | `oklch(69.07% 0.1061 308.80)` | Middy’s Purple | black, 7.2 to 1 |
| 11 | `#ad83c9` | `oklch(67.65% 0.1099 311.47)` | Wisteria | black, 6.8 to 1 |
| 12 | `#ac7dc3` | `oklch(66.24% 0.1133 314.36)` | Wisteria | black, 6.4 to 1 |
| 13 | `#ac77bd` | `oklch(64.86% 0.1163 317.40)` | Wisteria | black, 6.1 to 1 |
| 14 | `#ab71b7` | `oklch(63.51% 0.1191 320.50)` | Soft Purple | black, 5.7 to 1 |
| 15 | `#aa6cb0` | `oklch(62.18% 0.1217 323.60)` | Soft Purple | black, 5.4 to 1 |
| 16 | `#a966aa` | `oklch(60.88% 0.1242 326.62)` | Iris Orchid | black, 5.1 to 1 |
| 17 | `#a861a3` | `oklch(59.61% 0.1266 329.54)` | Iris Orchid | black, 4.9 to 1 |
| 18 | `#a75c9c` | `oklch(58.41% 0.1292 332.65)` | Radiant Orchid | black, 4.6 to 1 |
| 19 | `#a75796` | `oklch(57.27% 0.1317 335.90)` | Brilliant Carmine | white, 4.7 to 1 |
| 20 | `#a6528e` | `oklch(56.15% 0.1341 339.16)` | Purple Zergling | white, 4.9 to 1 |
| 21 | `#a54d87` | `oklch(55.04% 0.1361 342.30)` | La la Lavender | white, 5.2 to 1 |
| 22 | `#a44880` | `oklch(53.91% 0.1375 345.21)` | Pink Ballad | white, 5.4 to 1 |
| 23 | `#a24479` | `oklch(52.74% 0.1382 347.76)` | Pink Ballad | white, 5.7 to 1 |
| 24 | `#9f4073` | `oklch(51.50% 0.1380 349.84)` | Magenta Haze | white, 6 to 1 |
| 25 | `#9b3c6d` | `oklch(50.15% 0.1366 351.33)` | Dynamo | white, 6.4 to 1 |
| 26 | `#953967` | `oklch(48.61% 0.1337 352.33)` | Powder Red | white, 6.8 to 1 |
| 27 | `#8f3561` | `oklch(46.97% 0.1298 352.92)` | Pink Horror | white, 7.3 to 1 |
| 28 | `#88325c` | `oklch(45.31% 0.1254 353.22)` | Boysenberry | white, 7.8 to 1 |
| 29 | `#813057` | `oklch(43.71% 0.1207 353.31)` | Alfonso Olive | white, 8.4 to 1 |
| 30 | `#7b2d53` | `oklch(42.27% 0.1164 353.31)` | Flirt | white, 8.9 to 1 |
| 31 | `#762b4f` | `oklch(41.05% 0.1127 353.32)` | Magenta Purple | white, 9.3 to 1 |
| 32 | `#732a4d` | `oklch(40.16% 0.1102 353.43)` | Bordeaux Red | white, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c8c0e5 0.0%, #c6bce4 3.2%, #c3b7e3 6.5%, #bfb1e1 9.7%, #bbabdf 12.9%, #b8a3dc 16.1%, #b59cd9 19.4%, #b295d6 22.6%, #b08fd2 25.8%, #af89ce 29.0%, #ad83c9 32.3%, #ac7dc3 35.5%, #ac77bd 38.7%, #ab71b7 41.9%, #aa6cb0 45.2%, #a966aa 48.4%, #a861a3 51.6%, #a75c9c 54.8%, #a75796 58.1%, #a6528e 61.3%, #a54d87 64.5%, #a44880 67.7%, #a24479 71.0%, #9f4073 74.2%, #9b3c6d 77.4%, #953967 80.6%, #8f3561 83.9%, #88325c 87.1%, #813057 90.3%, #7b2d53 93.5%, #762b4f 96.8%, #732a4d 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(82.68% 0.0524 295.31) 0.0%, oklch(81.72% 0.0564 296.07) 3.2%, oklch(80.44% 0.0620 297.00) 6.5%, oklch(78.91% 0.0686 298.10) 9.7%, oklch(77.22% 0.0758 299.38) 12.9%, oklch(75.45% 0.0832 300.84) 16.1%, oklch(73.69% 0.0903 302.50) 19.4%, oklch(72.01% 0.0966 304.35) 22.6%, oklch(70.50% 0.1018 306.42) 25.8%, oklch(69.07% 0.1061 308.80) 29.0%, oklch(67.65% 0.1099 311.47) 32.3%, oklch(66.24% 0.1133 314.36) 35.5%, oklch(64.86% 0.1163 317.40) 38.7%, oklch(63.51% 0.1191 320.50) 41.9%, oklch(62.18% 0.1217 323.60) 45.2%, oklch(60.88% 0.1242 326.62) 48.4%, oklch(59.61% 0.1266 329.54) 51.6%, oklch(58.41% 0.1292 332.65) 54.8%, oklch(57.27% 0.1317 335.90) 58.1%, oklch(56.15% 0.1341 339.16) 61.3%, oklch(55.04% 0.1361 342.30) 64.5%, oklch(53.91% 0.1375 345.21) 67.7%, oklch(52.74% 0.1382 347.76) 71.0%, oklch(51.50% 0.1380 349.84) 74.2%, oklch(50.15% 0.1366 351.33) 77.4%, oklch(48.61% 0.1337 352.33) 80.6%, oklch(46.97% 0.1298 352.92) 83.9%, oklch(45.31% 0.1254 353.22) 87.1%, oklch(43.71% 0.1207 353.31) 90.3%, oklch(42.27% 0.1164 353.31) 93.5%, oklch(41.05% 0.1127 353.32) 96.8%, oklch(40.16% 0.1102 353.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.052 | 295.3 |
| 2 | 0.709 | 0.101 | 305.9 |
| 3 | 0.602 | 0.125 | 328.1 |
| 4 | 0.512 | 0.138 | 350.3 |
| 5 | 0.402 | 0.11 | 353.4 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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