# Plum and rose purple palette

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

- Also called: Monochrome dark purple and purple linear swatches
- Seed: `kWOS7jJR_BS8owS5L0ERS_Ag`
- Page: https://grabient.com/kWOS7jJR_BS8owS5L0ERS_Ag?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: dark to light, dark, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#28102e` | `oklch(22.44% 0.0634 319.22)` | Dark Prom Queen | white, 17.4 to 1 |
| 2 | `#43183f` | `oklch(29.13% 0.0868 330.84)` | Velvet Cosmos | white, 14.5 to 1 |
| 3 | `#652251` | `oklch(37.01% 0.1116 341.41)` | Plum Caspia | white, 11 to 1 |
| 4 | `#87305e` | `oklch(44.88% 0.1295 350.92)` | Boysenberry | white, 8 to 1 |
| 5 | `#a94a72` | `oklch(54.33% 0.1309 356.21)` | Our Little Secret | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #28102e 0.000% 20.000%, #43183f 20.000% 40.000%, #652251 40.000% 60.000%, #87305e 60.000% 80.000%, #a94a72 80.000% 100.000%);
background: linear-gradient(135deg, oklch(22.44% 0.0634 319.22) 0.000% 20.000%, oklch(29.13% 0.0868 330.84) 20.000% 40.000%, oklch(37.01% 0.1116 341.41) 40.000% 60.000%, oklch(44.88% 0.1295 350.92) 60.000% 80.000%, oklch(54.33% 0.1309 356.21) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.063 | 319.2 |
| 2 | 0.291 | 0.087 | 330.8 |
| 3 | 0.37 | 0.112 | 341.4 |
| 4 | 0.449 | 0.13 | 350.9 |
| 5 | 0.543 | 0.131 | 356.2 |

## In these collections

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

## Other forms

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