# Plum color palette

The Plum color palette brings together dark purple, purple, light purple, and pale blue. 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 pale blue.

- Also called: Purple, lavender and light blue angular swatches
- Seed: `kYTFDiPUG_NRMPzpqD79hI-9u2ww`
- Page: https://grabient.com/kYTFDiPUG_NRMPzpqD79hI-9u2ww?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: light center, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#431550` | `oklch(29.92% 0.1102 317.81)` | Plunged Into Darkness | white, 14.3 to 1 |
| 2 | `#7e33a6` | `oklch(48.03% 0.1805 311.47)` | Purple Pristine | white, 7.1 to 1 |
| 3 | `#b168f7` | `oklch(66.14% 0.2094 305.13)` | Queer Purple | black, 6.1 to 1 |
| 4 | `#cdbbff` | `oklch(83.07% 0.0959 296.68)` | Lavender Tonic | black, 12.1 to 1 |
| 5 | `#e6e4ff` | `oklch(92.91% 0.0360 288.22)` | Lavender Mist | black, 16.9 to 1 |
| 6 | `#c786e5` | `oklch(72.05% 0.1502 314.64)` | Lavender Perceptions | black, 7.9 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #431550 0.000% 16.667%, #7e33a6 16.667% 33.333%, #b168f7 33.333% 50.000%, #cdbbff 50.000% 66.667%, #e6e4ff 66.667% 83.333%, #c786e5 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(29.92% 0.1102 317.81) 0.000% 16.667%, oklch(48.03% 0.1805 311.47) 16.667% 33.333%, oklch(66.14% 0.2094 305.13) 33.333% 50.000%, oklch(83.07% 0.0959 296.68) 50.000% 66.667%, oklch(92.91% 0.0360 288.22) 66.667% 83.333%, oklch(72.05% 0.1502 314.64) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.11 | 317.8 |
| 2 | 0.48 | 0.181 | 311.5 |
| 3 | 0.661 | 0.209 | 305.1 |
| 4 | 0.831 | 0.11 | 296.7 |
| 5 | 0.929 | 0.05 | 288.2 |
| 6 | 0.72 | 0.15 | 314.6 |

## In these collections

- [Violet swatches](https://grabient.com/violet-swatches)
- [Purple swatches](https://grabient.com/purple-swatches)

## Other forms

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