# Plum and blush color palette

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

- Also called: Dark purple, pink and maroon angular swatches
- Seed: `kYQ0HjtTZBcvDwLloECy81BiqnP-`
- Page: https://grabient.com/kYQ0HjtTZBcvDwLloECy81BiqnP-?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.1 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 | `#37123f` | `oklch(26.38% 0.0896 319.92)` | Purple Door | white, 15.8 to 1 |
| 2 | `#78226f` | `oklch(41.73% 0.1488 332.60)` | Mirage of Violets | white, 9.2 to 1 |
| 3 | `#c147a3` | `oklch(59.45% 0.1860 338.94)` | Ultraviolet Nusp | black, 4.7 to 1 |
| 4 | `#e7a7ca` | `oklch(79.92% 0.0882 345.28)` | Elastic Pink | black, 10.7 to 1 |
| 5 | `#d92e7c` | `oklch(59.45% 0.2122 359.02)` | Highlighter Lilac | black, 4.6 to 1 |
| 6 | `#5f1735` | `oklch(33.46% 0.1075 359.02)` | Brown Chocolate | white, 12.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #37123f 0.000% 16.667%, #78226f 16.667% 33.333%, #c147a3 33.333% 50.000%, #e7a7ca 50.000% 66.667%, #d92e7c 66.667% 83.333%, #5f1735 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(26.38% 0.0896 319.92) 0.000% 16.667%, oklch(41.73% 0.1488 332.60) 16.667% 33.333%, oklch(59.45% 0.1860 338.94) 33.333% 50.000%, oklch(79.92% 0.0882 345.28) 50.000% 66.667%, oklch(59.45% 0.2122 359.02) 66.667% 83.333%, oklch(33.46% 0.1075 359.02) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.09 | 319.9 |
| 2 | 0.417 | 0.149 | 332.6 |
| 3 | 0.594 | 0.186 | 338.9 |
| 4 | 0.799 | 0.088 | 345.3 |
| 5 | 0.594 | 0.212 | 359 |
| 6 | 0.335 | 0.107 | 359 |

## In these collections

- [Pink swatches](https://grabient.com/pink-swatches)
- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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