# Plum blue and purple palette

The Plum blue and purple palette brings together dark magenta, purple, blue, and off-white. 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 off-white.

- Also called: Duotone dark purple to light blue radial gradient
- Seed: `kUSi_kuCG_FecuJ6hz6A`
- Page: https://grabient.com/kUSi_kuCG_FecuJ6hz6A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 13 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 | `#3a203f` | `oklch(29.13% 0.0648 321.33)` | Kokimurasaki Purple | white, 14.4 to 1 |
| 2 | `#3d2142` | `oklch(29.95% 0.0665 321.14)` | Purple Void | white, 14 to 1 |
| 3 | `#402345` | `oklch(30.94% 0.0690 321.19)` | Purple Void | white, 13.5 to 1 |
| 4 | `#442549` | `oklch(32.09% 0.0720 321.36)` | Purple Void | white, 13 to 1 |
| 5 | `#48284d` | `oklch(33.39% 0.0753 321.53)` | Murasaki | white, 12.4 to 1 |
| 6 | `#4d2b52` | `oklch(34.81% 0.0788 321.55)` | Purple Shade | white, 11.8 to 1 |
| 7 | `#512e58` | `oklch(36.36% 0.0823 321.30)` | Grape Royale | white, 11.1 to 1 |
| 8 | `#56325e` | `oklch(38.01% 0.0855 320.65)` | Passion Razz | white, 10.4 to 1 |
| 9 | `#5b3665` | `oklch(39.75% 0.0884 319.47)` | Damson Mauve | white, 9.7 to 1 |
| 10 | `#603b6c` | `oklch(41.57% 0.0906 317.63)` | Purple Splendour | white, 9 to 1 |
| 11 | `#644074` | `oklch(43.46% 0.0920 315.00)` | Majesty | white, 8.3 to 1 |
| 12 | `#67467c` | `oklch(45.41% 0.0927 311.36)` | Palace Purple | white, 7.6 to 1 |
| 13 | `#6a4d85` | `oklch(47.51% 0.0929 306.44)` | Zimidar | white, 6.9 to 1 |
| 14 | `#6b558f` | `oklch(49.73% 0.0928 300.49)` | Pure Mauve | white, 6.3 to 1 |
| 15 | `#6c5e99` | `oklch(52.06% 0.0923 293.81)` | Just a Fairytale | white, 5.6 to 1 |
| 16 | `#6c67a3` | `oklch(54.47% 0.0914 286.67)` | Inner Journey | white, 5 to 1 |
| 17 | `#6c71ac` | `oklch(56.96% 0.0902 279.37)` | Jacaranda Jazz | black, 4.6 to 1 |
| 18 | `#6c7bb4` | `oklch(59.49% 0.0885 272.19)` | Marvellous | black, 5.1 to 1 |
| 19 | `#6d85bb` | `oklch(62.06% 0.0864 265.43)` | Orbital | black, 5.7 to 1 |
| 20 | `#6f8fc1` | `oklch(64.63% 0.0838 259.36)` | Purple Hyacinth | black, 6.3 to 1 |
| 21 | `#7399c7` | `oklch(67.20% 0.0808 254.28)` | Windstorm | black, 7 to 1 |
| 22 | `#79a2cc` | `oklch(69.76% 0.0773 250.44)` | Shipmate | black, 7.8 to 1 |
| 23 | `#82abd2` | `oklch(72.52% 0.0727 247.52)` | Cotton Wool Blue | black, 8.6 to 1 |
| 24 | `#8cb4d8` | `oklch(75.48% 0.0671 245.30)` | Periwinkle Sky | black, 9.6 to 1 |
| 25 | `#98bede` | `oklch(78.56% 0.0607 243.67)` | Sleeping Easy | black, 10.7 to 1 |
| 26 | `#a5c8e4` | `oklch(81.67% 0.0539 242.53)` | Template | black, 11.9 to 1 |
| 27 | `#b3d1e9` | `oklch(84.73% 0.0469 241.77)` | Chapel Blue | black, 13.2 to 1 |
| 28 | `#c0daef` | `oklch(87.67% 0.0400 241.28)` | Comet Tail | black, 14.5 to 1 |
| 29 | `#cce3f4` | `oklch(90.39% 0.0335 240.97)` | Salty Ice | black, 15.8 to 1 |
| 30 | `#d8eaf8` | `oklch(92.82% 0.0277 240.71)` | Celestial Cathedral | black, 17 to 1 |
| 31 | `#e1f1fc` | `oklch(94.87% 0.0229 240.41)` | Wizard White | black, 18.1 to 1 |
| 32 | `#e9f5ff` | `oklch(96.46% 0.0188 239.93)` | Moon White | black, 19 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3a203f 0.0%, #3d2142 3.2%, #402345 6.5%, #442549 9.7%, #48284d 12.9%, #4d2b52 16.1%, #512e58 19.4%, #56325e 22.6%, #5b3665 25.8%, #603b6c 29.0%, #644074 32.3%, #67467c 35.5%, #6a4d85 38.7%, #6b558f 41.9%, #6c5e99 45.2%, #6c67a3 48.4%, #6c71ac 51.6%, #6c7bb4 54.8%, #6d85bb 58.1%, #6f8fc1 61.3%, #7399c7 64.5%, #79a2cc 67.7%, #82abd2 71.0%, #8cb4d8 74.2%, #98bede 77.4%, #a5c8e4 80.6%, #b3d1e9 83.9%, #c0daef 87.1%, #cce3f4 90.3%, #d8eaf8 93.5%, #e1f1fc 96.8%, #e9f5ff 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.13% 0.0648 321.33) 0.0%, oklch(29.95% 0.0665 321.14) 3.2%, oklch(30.94% 0.0690 321.19) 6.5%, oklch(32.09% 0.0720 321.36) 9.7%, oklch(33.39% 0.0753 321.53) 12.9%, oklch(34.81% 0.0788 321.55) 16.1%, oklch(36.36% 0.0823 321.30) 19.4%, oklch(38.01% 0.0855 320.65) 22.6%, oklch(39.75% 0.0884 319.47) 25.8%, oklch(41.57% 0.0906 317.63) 29.0%, oklch(43.46% 0.0920 315.00) 32.3%, oklch(45.41% 0.0927 311.36) 35.5%, oklch(47.51% 0.0929 306.44) 38.7%, oklch(49.73% 0.0928 300.49) 41.9%, oklch(52.06% 0.0923 293.81) 45.2%, oklch(54.47% 0.0914 286.67) 48.4%, oklch(56.96% 0.0902 279.37) 51.6%, oklch(59.49% 0.0885 272.19) 54.8%, oklch(62.06% 0.0864 265.43) 58.1%, oklch(64.63% 0.0838 259.36) 61.3%, oklch(67.20% 0.0808 254.28) 64.5%, oklch(69.76% 0.0773 250.44) 67.7%, oklch(72.52% 0.0727 247.52) 71.0%, oklch(75.48% 0.0671 245.30) 74.2%, oklch(78.56% 0.0607 243.67) 77.4%, oklch(81.67% 0.0539 242.53) 80.6%, oklch(84.73% 0.0469 241.77) 83.9%, oklch(87.67% 0.0400 241.28) 87.1%, oklch(90.39% 0.0335 240.97) 90.3%, oklch(92.82% 0.0277 240.71) 93.5%, oklch(94.87% 0.0229 240.41) 96.8%, oklch(96.46% 0.0188 239.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.065 | 321.3 |
| 2 | 0.441 | 0.092 | 313.9 |
| 3 | 0.689 | 0.079 | 251.6 |
| 4 | 0.965 | 0.019 | 240 |

## In these collections

- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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