# Plum and rose color palette

The Plum and rose color palette brings together dark magenta, light purple, pale magenta, magenta, and light red. 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 dark magenta, and its lightest tone is pale magenta.

- Also called: Analogous purple and pink linear swatches
- Seed: `kYR0nm4J09nAWRW_yL7Vqu9mWgxG`
- Page: https://grabient.com/kYR0nm4J09nAWRW_yL7Vqu9mWgxG?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.4 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 | `#3f1144` | `oklch(27.95% 0.1006 324.14)` | Velvet Cosmos | white, 15.2 to 1 |
| 2 | `#bca5db` | `oklch(75.98% 0.0799 304.06)` | Enchanted Lavender | black, 9.5 to 1 |
| 3 | `#f9c8dd` | `oklch(88.19% 0.0606 350.56)` | Laelia Pink | black, 14.3 to 1 |
| 4 | `#a71a84` | `oklch(50.00% 0.1998 341.05)` | Blissful Berry | white, 6.7 to 1 |
| 5 | `#ba7fc6` | `oklch(68.11% 0.1199 320.97)` | Lavender Sweater | black, 6.9 to 1 |
| 6 | `#eea6bc` | `oklch(79.92% 0.0896 359.01)` | Tickled Pink | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3f1144 0.000% 16.667%, #bca5db 16.667% 33.333%, #f9c8dd 33.333% 50.000%, #a71a84 50.000% 66.667%, #ba7fc6 66.667% 83.333%, #eea6bc 83.333% 100.000%);
background: linear-gradient(90deg, oklch(27.95% 0.1006 324.14) 0.000% 16.667%, oklch(75.98% 0.0799 304.06) 16.667% 33.333%, oklch(88.19% 0.0606 350.56) 33.333% 50.000%, oklch(50.00% 0.1998 341.05) 50.000% 66.667%, oklch(68.11% 0.1199 320.97) 66.667% 83.333%, oklch(79.92% 0.0896 359.01) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.101 | 324.1 |
| 2 | 0.76 | 0.08 | 304.1 |
| 3 | 0.882 | 0.061 | 350.6 |
| 4 | 0.5 | 0.2 | 341 |
| 5 | 0.681 | 0.12 | 321 |
| 6 | 0.799 | 0.09 | 359 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)
- [Pink swatches](https://grabient.com/pink-swatches)

## Other forms

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