# Plum and rose analogous palette

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

- Also called: Analogous dark purple and pink radial swatches
- Seed: `kWQS_uLCVAjgtwNEM0DTrJBA`
- Page: https://grabient.com/kWQS_uLCVAjgtwNEM0DTrJBA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#35152f` | `oklch(25.59% 0.0648 334.69)` | Nightly Voyager | white, 16.1 to 1 |
| 2 | `#5a204a` | `oklch(34.65% 0.1020 339.97)` | Plum Caspia | white, 12 to 1 |
| 3 | `#823060` | `oklch(44.09% 0.1254 347.37)` | Boysenberry | white, 8.3 to 1 |
| 4 | `#a94472` | `oklch(53.54% 0.1406 354.77)` | Magenta Haze | white, 5.5 to 1 |
| 5 | `#c85e7b` | `oklch(61.81% 0.1378 4.28)` | Cherry Pink | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #35152f 0.000% 20.000%, #5a204a 20.000% 40.000%, #823060 40.000% 60.000%, #a94472 60.000% 80.000%, #c85e7b 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(25.59% 0.0648 334.69) 0.000% 20.000%, oklch(34.65% 0.1020 339.97) 20.000% 40.000%, oklch(44.09% 0.1254 347.37) 40.000% 60.000%, oklch(53.54% 0.1406 354.77) 60.000% 80.000%, oklch(61.81% 0.1378 4.28) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.065 | 334.7 |
| 2 | 0.346 | 0.102 | 340 |
| 3 | 0.441 | 0.125 | 347.4 |
| 4 | 0.535 | 0.141 | 354.8 |
| 5 | 0.618 | 0.138 | 364.3 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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