# Plum and rose color palette

The Plum and rose color palette brings together purple, magenta, and light red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and interface mockups. Its darkest tone is purple, and its lightest tone is light red.

- Also called: Analogous purple to pink linear gradient
- Seed: `kUYnvgxDfDdynwfsjD9A`
- Page: https://grabient.com/kUYnvgxDfDdynwfsjD9A?steps=8&angle=225
- Drawn as: linear gradient, 8 steps, 225 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#65157f` | `oklch(38.58% 0.1695 315.70)` | Deep Daitoku Purple | white, 10.7 to 1 |
| 2 | `#7e2380` | `oklch(43.72% 0.1650 326.98)` | Hello Darkness My Old Friend | white, 8.6 to 1 |
| 3 | `#9e3980` | `oklch(51.05% 0.1569 341.47)` | Purple Wine | white, 6.2 to 1 |
| 4 | `#ba5486` | `oklch(58.93% 0.1433 351.69)` | Berry Boost | black, 4.7 to 1 |
| 5 | `#d47595` | `oklch(67.68% 0.1246 359.36)` | Minuette | black, 6.7 to 1 |
| 6 | `#e394a9` | `oklch(75.10% 0.0990 2.56)` | Kobi | black, 9 to 1 |
| 7 | `#e5b2c0` | `oklch(81.27% 0.0619 359.98)` | Athena Pink | black, 11.4 to 1 |
| 8 | `#e2c7cf` | `oklch(85.43% 0.0331 356.92)` | Tinted Rosewood | black, 13.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #65157f 0.0%, #7e2380 14.3%, #9e3980 28.6%, #ba5486 42.9%, #d47595 57.1%, #e394a9 71.4%, #e5b2c0 85.7%, #e2c7cf 100.0%);
background: linear-gradient(225deg in oklch, oklch(38.58% 0.1695 315.70) 0.0%, oklch(43.72% 0.1650 326.98) 14.3%, oklch(51.05% 0.1569 341.47) 28.6%, oklch(58.93% 0.1433 351.69) 42.9%, oklch(67.68% 0.1246 359.36) 57.1%, oklch(75.10% 0.0990 2.56) 71.4%, oklch(81.27% 0.0619 359.98) 85.7%, oklch(85.43% 0.0331 356.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.169 | 315.7 |
| 2 | 0.535 | 0.153 | 345.3 |
| 3 | 0.728 | 0.109 | 362.2 |
| 4 | 0.854 | 0.033 | 356.9 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Purple gradients](https://grabient.com/purple-gradients)
- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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