# Plum monochrome purple palette

The Plum monochrome purple palette brings together magenta and light magenta. The colors span a moderate 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: Seamless analogous purple and pink angular gradient
- Seed: `kcX1ToObJAUg3wHYNMAY6W_8-2P89sr-L6o_Y`
- Page: https://grabient.com/kcX1ToObJAUg3wHYNMAY6W_8-2P89sr-L6o_Y?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.2 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 | `#5f2661` | `oklch(37.40% 0.1157 326.25)` | Charisma | white, 10.8 to 1 |
| 2 | `#632865` | `oklch(38.58% 0.1194 326.73)` | Charisma | white, 10.4 to 1 |
| 3 | `#6a2a6a` | `oklch(40.22% 0.1246 327.41)` | Intense Mauve | white, 9.7 to 1 |
| 4 | `#722d71` | `oklch(42.20% 0.1304 328.21)` | Grape Juice | white, 9 to 1 |
| 5 | `#7a3177` | `oklch(44.34% 0.1358 329.06)` | Veronica Purple | white, 8.2 to 1 |
| 6 | `#83367e` | `oklch(46.57% 0.1403 329.94)` | Sparkling Grape | white, 7.5 to 1 |
| 7 | `#8c3b85` | `oklch(49.02% 0.1446 330.97)` | Hollyhock | white, 6.7 to 1 |
| 8 | `#97418d` | `oklch(51.64% 0.1486 332.04)` | Plum Pie | white, 6 to 1 |
| 9 | `#a14895` | `oklch(54.36% 0.1516 333.01)` | Viva Magenta | white, 5.4 to 1 |
| 10 | `#ab4f9d` | `oklch(57.08% 0.1531 333.73)` | Safflower Purple | white, 4.8 to 1 |
| 11 | `#b558a5` | `oklch(59.95% 0.1533 334.17)` | Magenta Memoir | black, 4.8 to 1 |
| 12 | `#bf61ae` | `oklch(62.93% 0.1525 334.43)` | Mazzy Star | black, 5.5 to 1 |
| 13 | `#c86bb6` | `oklch(65.86% 0.1502 334.57)` | Gulābī Pink | black, 6.2 to 1 |
| 14 | `#d074be` | `oklch(68.58% 0.1462 334.67)` | Gulābī Pink | black, 6.9 to 1 |
| 15 | `#d67fc5` | `oklch(71.22% 0.1389 334.78)` | Pink Punk | black, 7.7 to 1 |
| 16 | `#dc8ccb` | `oklch(74.19% 0.1271 334.83)` | Firm Pink | black, 8.6 to 1 |
| 17 | `#e197d1` | `oklch(76.81% 0.1146 334.83)` | Crepe Myrtle | black, 9.5 to 1 |
| 18 | `#e39fd4` | `oklch(78.33% 0.1055 334.78)` | Exotic Violet | black, 10.1 to 1 |
| 19 | `#e19ed2` | `oklch(78.03% 0.1039 334.67)` | Exotic Violet | black, 10 to 1 |
| 20 | `#db94cc` | `oklch(75.54% 0.1118 334.54)` | Firm Pink | black, 9.1 to 1 |
| 21 | `#d384c3` | `oklch(71.62% 0.1251 334.36)` | Pink Punk | black, 7.8 to 1 |
| 22 | `#c873b9` | `oklch(67.16% 0.1389 334.10)` | Gulābī Pink | black, 6.5 to 1 |
| 23 | `#bd63ae` | `oklch(63.10% 0.1481 333.71)` | Young Purple | black, 5.5 to 1 |
| 24 | `#b258a5` | `oklch(59.71% 0.1506 333.18)` | Royalty Loyalty | black, 4.8 to 1 |
| 25 | `#a74f9b` | `oklch(56.38% 0.1494 332.52)` | Plum Dust | white, 4.9 to 1 |
| 26 | `#9b4791` | `oklch(53.16% 0.1459 331.77)` | Hyacinth Violet | white, 5.6 to 1 |
| 27 | `#8f4088` | `oklch(50.09% 0.1415 330.95)` | Dahlia | white, 6.4 to 1 |
| 28 | `#84397f` | `oklch(47.19% 0.1374 330.09)` | Sparkling Grape | white, 7.3 to 1 |
| 29 | `#793376` | `oklch(44.25% 0.1318 329.04)` | Veronica Purple | white, 8.2 to 1 |
| 30 | `#6e2d6d` | `oklch(41.46% 0.1255 327.93)` | Seance | white, 9.2 to 1 |
| 31 | `#652966` | `oklch(39.08% 0.1197 326.94)` | Charisma | white, 10.1 to 1 |
| 32 | `#5f2661` | `oklch(37.40% 0.1157 326.25)` | Charisma | white, 10.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #5f2661 0.0%, #632865 3.2%, #6a2a6a 6.5%, #722d71 9.7%, #7a3177 12.9%, #83367e 16.1%, #8c3b85 19.4%, #97418d 22.6%, #a14895 25.8%, #ab4f9d 29.0%, #b558a5 32.3%, #bf61ae 35.5%, #c86bb6 38.7%, #d074be 41.9%, #d67fc5 45.2%, #dc8ccb 48.4%, #e197d1 51.6%, #e39fd4 54.8%, #e19ed2 58.1%, #db94cc 61.3%, #d384c3 64.5%, #c873b9 67.7%, #bd63ae 71.0%, #b258a5 74.2%, #a74f9b 77.4%, #9b4791 80.6%, #8f4088 83.9%, #84397f 87.1%, #793376 90.3%, #6e2d6d 93.5%, #652966 96.8%, #5f2661 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(37.40% 0.1157 326.25) 0.0%, oklch(38.58% 0.1194 326.73) 3.2%, oklch(40.22% 0.1246 327.41) 6.5%, oklch(42.20% 0.1304 328.21) 9.7%, oklch(44.34% 0.1358 329.06) 12.9%, oklch(46.57% 0.1403 329.94) 16.1%, oklch(49.02% 0.1446 330.97) 19.4%, oklch(51.64% 0.1486 332.04) 22.6%, oklch(54.36% 0.1516 333.01) 25.8%, oklch(57.08% 0.1531 333.73) 29.0%, oklch(59.95% 0.1533 334.17) 32.3%, oklch(62.93% 0.1525 334.43) 35.5%, oklch(65.86% 0.1502 334.57) 38.7%, oklch(68.58% 0.1462 334.67) 41.9%, oklch(71.22% 0.1389 334.78) 45.2%, oklch(74.19% 0.1271 334.83) 48.4%, oklch(76.81% 0.1146 334.83) 51.6%, oklch(78.33% 0.1055 334.78) 54.8%, oklch(78.03% 0.1039 334.67) 58.1%, oklch(75.54% 0.1118 334.54) 61.3%, oklch(71.62% 0.1251 334.36) 64.5%, oklch(67.16% 0.1389 334.10) 67.7%, oklch(63.10% 0.1481 333.71) 71.0%, oklch(59.71% 0.1506 333.18) 74.2%, oklch(56.38% 0.1494 332.52) 77.4%, oklch(53.16% 0.1459 331.77) 80.6%, oklch(50.09% 0.1415 330.95) 83.9%, oklch(47.19% 0.1374 330.09) 87.1%, oklch(44.25% 0.1318 329.04) 90.3%, oklch(41.46% 0.1255 327.93) 93.5%, oklch(39.08% 0.1197 326.94) 96.8%, oklch(37.40% 0.1157 326.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.116 | 326.3 |
| 2 | 0.453 | 0.138 | 329.4 |
| 3 | 0.567 | 0.153 | 333.6 |
| 4 | 0.693 | 0.145 | 334.7 |
| 5 | 0.783 | 0.103 | 334.7 |
| 6 | 0.626 | 0.149 | 333.6 |
| 7 | 0.484 | 0.139 | 330.5 |
| 8 | 0.374 | 0.116 | 326.2 |

## In these collections

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

## Other forms

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