# Rose and plum color palette

The Rose and plum color palette brings together magenta and dark magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is magenta.

- Also called: Monochrome purple to dark purple linear gradient
- Seed: `kSk3T5MzM_RwdPw`
- Page: https://grabient.com/kSk3T5MzM_RwdPw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#bc4a87` | `oklch(57.87% 0.1598 350.16)` | Nail Polish Pink | white, 4.6 to 1 |
| 2 | `#b94985` | `oklch(57.23% 0.1592 349.97)` | Orchid Ecstasy | white, 4.8 to 1 |
| 3 | `#b64683` | `oklch(56.46% 0.1586 349.75)` | Orchid Ecstasy | white, 4.9 to 1 |
| 4 | `#b34481` | `oklch(55.57% 0.1579 349.50)` | Razzle Dazzle | white, 5.1 to 1 |
| 5 | `#af417e` | `oklch(54.57% 0.1573 349.22)` | Mystic Maroon | white, 5.3 to 1 |
| 6 | `#ab3e7b` | `oklch(53.48% 0.1565 348.92)` | Pink Ballad | white, 5.6 to 1 |
| 7 | `#a73b78` | `oklch(52.32% 0.1557 348.59)` | Maximum Red Purple | white, 5.9 to 1 |
| 8 | `#a23875` | `oklch(51.10% 0.1548 348.25)` | Maximum Red Purple | white, 6.2 to 1 |
| 9 | `#9d3472` | `oklch(49.83% 0.1537 347.88)` | Amaranth Deep Purple | white, 6.5 to 1 |
| 10 | `#98316f` | `oklch(48.52% 0.1525 347.51)` | Magenta Manicure | white, 6.9 to 1 |
| 11 | `#932e6b` | `oklch(47.19% 0.1512 347.12)` | Beetiful Magenta | white, 7.3 to 1 |
| 12 | `#8e2a68` | `oklch(45.86% 0.1498 346.72)` | Beetiful Magenta | white, 7.8 to 1 |
| 13 | `#892765` | `oklch(44.53% 0.1481 346.31)` | Dark Raspberry | white, 8.2 to 1 |
| 14 | `#842461` | `oklch(43.23% 0.1462 345.90)` | Dark Raspberry | white, 8.7 to 1 |
| 15 | `#7f215e` | `oklch(41.96% 0.1441 345.49)` | Smooch | white, 9.1 to 1 |
| 16 | `#7b1e5b` | `oklch(40.74% 0.1418 345.08)` | Smooch | white, 9.6 to 1 |
| 17 | `#761c58` | `oklch(39.57% 0.1392 344.66)` | Smooch | white, 10.1 to 1 |
| 18 | `#711a54` | `oklch(38.34% 0.1361 344.21)` | Velvet | white, 10.6 to 1 |
| 19 | `#6c1851` | `oklch(37.06% 0.1325 343.72)` | Velvet | white, 11.1 to 1 |
| 20 | `#66164d` | `oklch(35.74% 0.1285 343.20)` | Grape Purple | white, 11.7 to 1 |
| 21 | `#61144a` | `oklch(34.39% 0.1242 342.66)` | Grape Purple | white, 12.3 to 1 |
| 22 | `#5b1246` | `oklch(33.02% 0.1196 342.10)` | Violet Carmine | white, 12.9 to 1 |
| 23 | `#551142` | `oklch(31.67% 0.1150 341.54)` | Violet Carmine | white, 13.5 to 1 |
| 24 | `#500f3f` | `oklch(30.33% 0.1102 340.98)` | Violet Carmine | white, 14.1 to 1 |
| 25 | `#4b0e3b` | `oklch(29.02% 0.1055 340.43)` | Pion Purple | white, 14.7 to 1 |
| 26 | `#460c38` | `oklch(27.76% 0.1009 339.90)` | Pion Purple | white, 15.3 to 1 |
| 27 | `#410b34` | `oklch(26.56% 0.0964 339.39)` | Greek Aubergine | white, 15.8 to 1 |
| 28 | `#3d0a31` | `oklch(25.44% 0.0923 338.91)` | Greek Aubergine | white, 16.3 to 1 |
| 29 | `#39092e` | `oklch(24.42% 0.0885 338.47)` | Cured Eggplant | white, 16.7 to 1 |
| 30 | `#35082c` | `oklch(23.50% 0.0851 338.08)` | Cured Eggplant | white, 17.1 to 1 |
| 31 | `#320729` | `oklch(22.71% 0.0822 337.75)` | Globe Thistle | white, 17.4 to 1 |
| 32 | `#300728` | `oklch(22.05% 0.0799 337.48)` | Globe Thistle | white, 17.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #bc4a87 0.0%, #b94985 3.2%, #b64683 6.5%, #b34481 9.7%, #af417e 12.9%, #ab3e7b 16.1%, #a73b78 19.4%, #a23875 22.6%, #9d3472 25.8%, #98316f 29.0%, #932e6b 32.3%, #8e2a68 35.5%, #892765 38.7%, #842461 41.9%, #7f215e 45.2%, #7b1e5b 48.4%, #761c58 51.6%, #711a54 54.8%, #6c1851 58.1%, #66164d 61.3%, #61144a 64.5%, #5b1246 67.7%, #551142 71.0%, #500f3f 74.2%, #4b0e3b 77.4%, #460c38 80.6%, #410b34 83.9%, #3d0a31 87.1%, #39092e 90.3%, #35082c 93.5%, #320729 96.8%, #300728 100.0%);
background: linear-gradient(180deg in oklch, oklch(57.87% 0.1598 350.16) 0.0%, oklch(57.23% 0.1592 349.97) 3.2%, oklch(56.46% 0.1586 349.75) 6.5%, oklch(55.57% 0.1579 349.50) 9.7%, oklch(54.57% 0.1573 349.22) 12.9%, oklch(53.48% 0.1565 348.92) 16.1%, oklch(52.32% 0.1557 348.59) 19.4%, oklch(51.10% 0.1548 348.25) 22.6%, oklch(49.83% 0.1537 347.88) 25.8%, oklch(48.52% 0.1525 347.51) 29.0%, oklch(47.19% 0.1512 347.12) 32.3%, oklch(45.86% 0.1498 346.72) 35.5%, oklch(44.53% 0.1481 346.31) 38.7%, oklch(43.23% 0.1462 345.90) 41.9%, oklch(41.96% 0.1441 345.49) 45.2%, oklch(40.74% 0.1418 345.08) 48.4%, oklch(39.57% 0.1392 344.66) 51.6%, oklch(38.34% 0.1361 344.21) 54.8%, oklch(37.06% 0.1325 343.72) 58.1%, oklch(35.74% 0.1285 343.20) 61.3%, oklch(34.39% 0.1242 342.66) 64.5%, oklch(33.02% 0.1196 342.10) 67.7%, oklch(31.67% 0.1150 341.54) 71.0%, oklch(30.33% 0.1102 340.98) 74.2%, oklch(29.02% 0.1055 340.43) 77.4%, oklch(27.76% 0.1009 339.90) 80.6%, oklch(26.56% 0.0964 339.39) 83.9%, oklch(25.44% 0.0923 338.91) 87.1%, oklch(24.42% 0.0885 338.47) 90.3%, oklch(23.50% 0.0851 338.08) 93.5%, oklch(22.71% 0.0822 337.75) 96.8%, oklch(22.05% 0.0799 337.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.16 | 350.2 |
| 2 | 0.402 | 0.141 | 344.9 |
| 3 | 0.22 | 0.08 | 337.5 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Pink gradients](https://grabient.com/pink-gradients)
- [Shade swatches](https://grabient.com/shade-swatches)

## Other forms

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