# Plum and blush magenta palette

The Plum and blush magenta palette brings together magenta, light magenta, and blue. The colors span a moderate 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 light magenta.

- Also called: Vivid analogous purple, pink and blue angular gradient
- Seed: `kYT13vvMdAs_awJetL8Qrw3jk5SC`
- Page: https://grabient.com/kYT13vvMdAs_awJetL8Qrw3jk5SC?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 5.7 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 | `#550748` | `oklch(31.10% 0.1281 336.80)` | Royal Ash | white, 13.9 to 1 |
| 2 | `#5c084d` | `oklch(32.85% 0.1354 337.47)` | Grape Purple | white, 13.1 to 1 |
| 3 | `#670954` | `oklch(35.27% 0.1454 338.41)` | Amygdala Purple | white, 12 to 1 |
| 4 | `#730a5d` | `oklch(38.13% 0.1573 339.52)` | Rich Purple | white, 10.8 to 1 |
| 5 | `#810c66` | `oklch(41.22% 0.1700 340.71)` | Grapest | white, 9.6 to 1 |
| 6 | `#900d6f` | `oklch(44.29% 0.1824 341.88)` | Possessed Purple | white, 8.5 to 1 |
| 7 | `#9d0f77` | `oklch(47.12% 0.1937 342.95)` | Haunted Purple | white, 7.5 to 1 |
| 8 | `#a90f7e` | `oklch(49.67% 0.2044 343.96)` | Katy Berry | white, 6.8 to 1 |
| 9 | `#b70b85` | `oklch(52.19% 0.2170 345.13)` | Vibrant Velvet | white, 6.1 to 1 |
| 10 | `#c4048b` | `oklch(54.68% 0.2297 346.30)` | Medium Violet Red | white, 5.6 to 1 |
| 11 | `#d10092` | `oklch(57.12% 0.2406 347.35)` | Indian Lake | white, 5 to 1 |
| 12 | `#dd0598` | `oklch(59.46% 0.2483 348.11)` | The Art of Seduction | white, 4.6 to 1 |
| 13 | `#e6179e` | `oklch(61.73% 0.2504 348.44)` | Love Vessel | black, 4.9 to 1 |
| 14 | `#ed2ca5` | `oklch(64.01% 0.2450 348.47)` | Pink Bite | black, 5.4 to 1 |
| 15 | `#f243aa` | `oklch(66.71% 0.2305 348.98)` | Major Magenta | black, 6.1 to 1 |
| 16 | `#f658b0` | `oklch(69.50% 0.2103 349.45)` | Pink Katydid | black, 6.9 to 1 |
| 17 | `#f66bb7` | `oklch(72.01% 0.1878 349.26)` | Hot Pink Fusion | black, 7.7 to 1 |
| 18 | `#f47abd` | `oklch(73.84% 0.1667 347.75)` | Persian Pink | black, 8.3 to 1 |
| 19 | `#ee83c4` | `oklch(74.62% 0.1505 344.30)` | Blushed Bombshell | black, 8.6 to 1 |
| 20 | `#e385ca` | `oklch(73.91% 0.1425 337.97)` | Blushed Bombshell | black, 8.4 to 1 |
| 21 | `#d081d1` | `oklch(71.43% 0.1414 326.55)` | Purception | black, 7.7 to 1 |
| 22 | `#b57bd8` | `oklch(67.67% 0.1449 311.77)` | Lavender Blossom | black, 6.7 to 1 |
| 23 | `#9373da` | `oklch(63.22% 0.1510 296.20)` | Matt Purple | black, 5.7 to 1 |
| 24 | `#716cd6` | `oklch(58.71% 0.1577 282.40)` | C64 Purple | black, 4.8 to 1 |
| 25 | `#5365ce` | `oklch(54.74% 0.1632 272.94)` | Borage Blue | white, 5.1 to 1 |
| 26 | `#465dc6` | `oklch(51.90% 0.1655 270.38)` | Free Speech Blue | white, 5.7 to 1 |
| 27 | `#4d53bf` | `oklch(49.88% 0.1655 275.93)` | Free Speech Blue | white, 6.3 to 1 |
| 28 | `#5d48b4` | `oklch(48.33% 0.1642 287.42)` | Swiss Plum | white, 6.8 to 1 |
| 29 | `#6e3da5` | `oklch(47.14% 0.1623 302.22)` | Poppy Pompadour | white, 7.3 to 1 |
| 30 | `#7c3391` | `oklch(46.23% 0.1602 317.68)` | Dull Violet | white, 7.6 to 1 |
| 31 | `#852b7e` | `oklch(45.51% 0.1583 331.14)` | Noble Plum | white, 7.9 to 1 |
| 32 | `#892570` | `oklch(44.88% 0.1571 339.97)` | Noble Plum | white, 8.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #550748 0.0%, #5c084d 3.2%, #670954 6.5%, #730a5d 9.7%, #810c66 12.9%, #900d6f 16.1%, #9d0f77 19.4%, #a90f7e 22.6%, #b70b85 25.8%, #c4048b 29.0%, #d10092 32.3%, #dd0598 35.5%, #e6179e 38.7%, #ed2ca5 41.9%, #f243aa 45.2%, #f658b0 48.4%, #f66bb7 51.6%, #f47abd 54.8%, #ee83c4 58.1%, #e385ca 61.3%, #d081d1 64.5%, #b57bd8 67.7%, #9373da 71.0%, #716cd6 74.2%, #5365ce 77.4%, #465dc6 80.6%, #4d53bf 83.9%, #5d48b4 87.1%, #6e3da5 90.3%, #7c3391 93.5%, #852b7e 96.8%, #892570 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(31.10% 0.1281 336.80) 0.0%, oklch(32.85% 0.1354 337.47) 3.2%, oklch(35.27% 0.1454 338.41) 6.5%, oklch(38.13% 0.1573 339.52) 9.7%, oklch(41.22% 0.1700 340.71) 12.9%, oklch(44.29% 0.1824 341.88) 16.1%, oklch(47.12% 0.1937 342.95) 19.4%, oklch(49.67% 0.2044 343.96) 22.6%, oklch(52.19% 0.2170 345.13) 25.8%, oklch(54.68% 0.2297 346.30) 29.0%, oklch(57.12% 0.2406 347.35) 32.3%, oklch(59.46% 0.2483 348.11) 35.5%, oklch(61.73% 0.2504 348.44) 38.7%, oklch(64.01% 0.2450 348.47) 41.9%, oklch(66.71% 0.2305 348.98) 45.2%, oklch(69.50% 0.2103 349.45) 48.4%, oklch(72.01% 0.1878 349.26) 51.6%, oklch(73.84% 0.1667 347.75) 54.8%, oklch(74.62% 0.1505 344.30) 58.1%, oklch(73.91% 0.1425 337.97) 61.3%, oklch(71.43% 0.1414 326.55) 64.5%, oklch(67.67% 0.1449 311.77) 67.7%, oklch(63.22% 0.1510 296.20) 71.0%, oklch(58.71% 0.1577 282.40) 74.2%, oklch(54.74% 0.1632 272.94) 77.4%, oklch(51.90% 0.1655 270.38) 80.6%, oklch(49.88% 0.1655 275.93) 83.9%, oklch(48.33% 0.1642 287.42) 87.1%, oklch(47.14% 0.1623 302.22) 90.3%, oklch(46.23% 0.1602 317.68) 93.5%, oklch(45.51% 0.1583 331.14) 96.8%, oklch(44.88% 0.1571 339.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.128 | 336.8 |
| 2 | 0.476 | 0.196 | 343.1 |
| 3 | 0.626 | 0.249 | 348.4 |
| 4 | 0.744 | 0.145 | 341 |
| 5 | 0.524 | 0.165 | 270.2 |
| 6 | 0.449 | 0.157 | 340 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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