# Plum, rose and ochre bold palette

The Plum, rose and ochre bold palette brings together dark magenta, magenta, orange, and yellow. 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 yellow.

- Also called: Dark purple, pink, orange and yellow angular swatches
- Seed: `kWQCnsvDhBFDLwPgOsb87hF4`
- Page: https://grabient.com/kWQCnsvDhBFDLwPgOsb87hF4?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 12.5 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 | `#32172e` | `oklch(25.20% 0.0565 332.58)` | Nightly Voyager | white, 16.2 to 1 |
| 2 | `#912e73` | `oklch(47.24% 0.1543 342.09)` | Beetiful Magenta | white, 7.3 to 1 |
| 3 | `#e0449b` | `oklch(63.39% 0.2081 350.54)` | Prunus Avium | black, 5.4 to 1 |
| 4 | `#ff8d47` | `oklch(75.59% 0.1609 49.72)` | Orangish | black, 9.1 to 1 |
| 5 | `#f8e35b` | `oklch(90.94% 0.1543 100.45)` | Goldfinch | black, 16.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #32172e 0.000% 20.000%, #912e73 20.000% 40.000%, #e0449b 40.000% 60.000%, #ff8d47 60.000% 80.000%, #f8e35b 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(25.20% 0.0565 332.58) 0.000% 20.000%, oklch(47.24% 0.1543 342.09) 20.000% 40.000%, oklch(63.39% 0.2081 350.54) 40.000% 60.000%, oklch(75.59% 0.1609 49.72) 60.000% 80.000%, oklch(90.94% 0.1543 100.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.056 | 332.6 |
| 2 | 0.472 | 0.154 | 342.1 |
| 3 | 0.634 | 0.208 | 350.5 |
| 4 | 0.756 | 0.161 | 409.7 |
| 5 | 0.909 | 0.154 | 460.4 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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