# Plum and ochre masquerade palette

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

- Also called: Black, purple and tan angular swatches
- Seed: `kUNR_ktqzAs8ew7jLUqg`
- Page: https://grabient.com/kUNR_ktqzAs8ew7jLUqg?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.9 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 | `#211124` | `oklch(20.87% 0.0427 321.33)` | Inside | white, 17.9 to 1 |
| 2 | `#723371` | `oklch(42.91% 0.1226 327.67)` | Grape Juice | white, 8.6 to 1 |
| 3 | `#b17185` | `oklch(62.20% 0.0841 359.37)` | Tapestry | black, 5.5 to 1 |
| 4 | `#d6b450` | `oklch(77.95% 0.1240 90.25)` | Farm Straw | black, 10.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #211124 0.000% 25.000%, #723371 25.000% 50.000%, #b17185 50.000% 75.000%, #d6b450 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(20.87% 0.0427 321.33) 0.000% 25.000%, oklch(42.91% 0.1226 327.67) 25.000% 50.000%, oklch(62.20% 0.0841 359.37) 50.000% 75.000%, oklch(77.95% 0.1240 90.25) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.043 | 321.3 |
| 2 | 0.429 | 0.123 | 327.7 |
| 3 | 0.622 | 0.084 | 359.4 |
| 4 | 0.78 | 0.124 | 450.3 |

## In these collections

- [Masquerade swatches](https://grabient.com/masquerade-swatches)

## Other forms

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