# Plum and stone purple palette

The Plum and stone purple palette brings together magenta, light magenta, off-white, and light purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Analogous purple, pink and gray angular gradient
- Seed: `kWWUnuW72_XiDv1eOj9MKTAg`
- Page: https://grabient.com/kWWUnuW72_XiDv1eOj9MKTAg?style=angularGradient&steps=32&angle=300
- Drawn as: angular gradient, 32 steps, 300 degrees
- Kinds: light center
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.1 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 | `#59224f` | `oklch(35.04% 0.1006 334.69)` | Plum Caspia | white, 11.8 to 1 |
| 2 | `#63285a` | `oklch(38.11% 0.1078 334.26)` | Charisma | white, 10.5 to 1 |
| 3 | `#733069` | `oklch(42.31% 0.1191 333.70)` | Grape Juice | white, 8.9 to 1 |
| 4 | `#863a7b` | `oklch(47.33% 0.1328 333.03)` | Sparkling Grape | white, 7.2 to 1 |
| 5 | `#9a4590` | `oklch(52.82% 0.1467 332.28)` | Viva Magenta | white, 5.7 to 1 |
| 6 | `#af52a6` | `oklch(58.46% 0.1591 331.49)` | Orchid Dottyback | black, 4.5 to 1 |
| 7 | `#c360bb` | `oklch(63.92% 0.1680 330.70)` | Purple Urn Orchid | black, 5.7 to 1 |
| 8 | `#d46fcd` | `oklch(68.87% 0.1716 329.94)` | French Mauve | black, 6.9 to 1 |
| 9 | `#e07dda` | `oklch(73.02% 0.1676 329.23)` | Hibiscus Pop | black, 8.1 to 1 |
| 10 | `#e98fe5` | `oklch(77.01% 0.1533 328.55)` | Love Dust | black, 9.4 to 1 |
| 11 | `#eea2ec` | `oklch(81.02% 0.1305 327.87)` | Pinky Swear | black, 11 to 1 |
| 12 | `#f2b6f0` | `oklch(84.86% 0.1028 327.19)` | Lovecloud | black, 12.7 to 1 |
| 13 | `#f3c8f3` | `oklch(88.33% 0.0736 326.51)` | Sugar High | black, 14.3 to 1 |
| 14 | `#f3d8f3` | `oklch(91.25% 0.0463 325.82)` | Grape Taffy | black, 15.9 to 1 |
| 15 | `#f2e4f2` | `oklch(93.43% 0.0245 325.14)` | Minute Mauve | black, 17.1 to 1 |
| 16 | `#f1ebf2` | `oklch(94.67% 0.0117 324.46)` | Snow Plum | black, 17.8 to 1 |
| 17 | `#f2ebf2` | `oklch(94.80% 0.0110 323.76)` | Snow Plum | black, 17.9 to 1 |
| 18 | `#f2e6f3` | `oklch(93.82% 0.0224 322.94)` | Holographic Lavender | black, 17.3 to 1 |
| 19 | `#f2dbf6` | `oklch(91.91% 0.0425 322.04)` | Grape Taffy | black, 16.2 to 1 |
| 20 | `#f1cdf7` | `oklch(89.26% 0.0681 321.14)` | Rose Dragée | black, 14.8 to 1 |
| 21 | `#eebdf8` | `oklch(86.05% 0.0958 320.30)` | Light Lavender | black, 13.2 to 1 |
| 22 | `#e9acf7` | `oklch(82.47% 0.1223 319.60)` | Candy Dreams | black, 11.6 to 1 |
| 23 | `#e19af4` | `oklch(78.71% 0.1441 319.09)` | Medium Lavender Magenta | black, 10.1 to 1 |
| 24 | `#d88bed` | `oklch(74.94% 0.1580 318.85)` | Bright Lilac | black, 8.8 to 1 |
| 25 | `#cc7de1` | `oklch(70.99% 0.1621 318.95)` | Lavender Perceptions | black, 7.5 to 1 |
| 26 | `#bc6fd0` | `oklch(66.23% 0.1595 319.42)` | Lavendless | black, 6.3 to 1 |
| 27 | `#aa61bb` | `oklch(60.95% 0.1519 320.15)` | Prickly Purple | black, 5.1 to 1 |
| 28 | `#9753a4` | `oklch(55.48% 0.1411 321.03)` | Vicious Violet | white, 5.1 to 1 |
| 29 | `#85478f` | `oklch(50.14% 0.1288 321.97)` | Prunella | white, 6.3 to 1 |
| 30 | `#743c7b` | `oklch(45.26% 0.1168 322.87)` | Eminence | white, 7.8 to 1 |
| 31 | `#66346b` | `oklch(41.17% 0.1069 323.62)` | Wineberry | white, 9.2 to 1 |
| 32 | `#5c2d61` | `oklch(38.19% 0.1006 324.12)` | Imperial Purple | white, 10.4 to 1 |

## CSS

```css
background: conic-gradient(from 300deg, #59224f 0.0%, #63285a 3.2%, #733069 6.5%, #863a7b 9.7%, #9a4590 12.9%, #af52a6 16.1%, #c360bb 19.4%, #d46fcd 22.6%, #e07dda 25.8%, #e98fe5 29.0%, #eea2ec 32.3%, #f2b6f0 35.5%, #f3c8f3 38.7%, #f3d8f3 41.9%, #f2e4f2 45.2%, #f1ebf2 48.4%, #f2ebf2 51.6%, #f2e6f3 54.8%, #f2dbf6 58.1%, #f1cdf7 61.3%, #eebdf8 64.5%, #e9acf7 67.7%, #e19af4 71.0%, #d88bed 74.2%, #cc7de1 77.4%, #bc6fd0 80.6%, #aa61bb 83.9%, #9753a4 87.1%, #85478f 90.3%, #743c7b 93.5%, #66346b 96.8%, #5c2d61 100.0%);
background: conic-gradient(from 300deg in oklch, oklch(35.04% 0.1006 334.69) 0.0%, oklch(38.11% 0.1078 334.26) 3.2%, oklch(42.31% 0.1191 333.70) 6.5%, oklch(47.33% 0.1328 333.03) 9.7%, oklch(52.82% 0.1467 332.28) 12.9%, oklch(58.46% 0.1591 331.49) 16.1%, oklch(63.92% 0.1680 330.70) 19.4%, oklch(68.87% 0.1716 329.94) 22.6%, oklch(73.02% 0.1676 329.23) 25.8%, oklch(77.01% 0.1533 328.55) 29.0%, oklch(81.02% 0.1305 327.87) 32.3%, oklch(84.86% 0.1028 327.19) 35.5%, oklch(88.33% 0.0736 326.51) 38.7%, oklch(91.25% 0.0463 325.82) 41.9%, oklch(93.43% 0.0245 325.14) 45.2%, oklch(94.67% 0.0117 324.46) 48.4%, oklch(94.80% 0.0110 323.76) 51.6%, oklch(93.82% 0.0224 322.94) 54.8%, oklch(91.91% 0.0425 322.04) 58.1%, oklch(89.26% 0.0681 321.14) 61.3%, oklch(86.05% 0.0958 320.30) 64.5%, oklch(82.47% 0.1223 319.60) 67.7%, oklch(78.71% 0.1441 319.09) 71.0%, oklch(74.94% 0.1580 318.85) 74.2%, oklch(70.99% 0.1621 318.95) 77.4%, oklch(66.23% 0.1595 319.42) 80.6%, oklch(60.95% 0.1519 320.15) 83.9%, oklch(55.48% 0.1411 321.03) 87.1%, oklch(50.14% 0.1288 321.97) 90.3%, oklch(45.26% 0.1168 322.87) 93.5%, oklch(41.17% 0.1069 323.62) 96.8%, oklch(38.19% 0.1006 324.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.101 | 334.7 |
| 2 | 0.72 | 0.169 | 329.4 |
| 3 | 0.949 | 0.01 | 324.1 |
| 4 | 0.74 | 0.16 | 318.8 |
| 5 | 0.382 | 0.101 | 324.1 |

## In these collections

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

## Other forms

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