# Mauve purple palette

The Mauve purple palette brings together magenta, purple, and dark purple. The colors span a moderate 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 purple, and its lightest tone is magenta.

- Also called: Monochrome purple to dark purple linear gradient
- Seed: `kSjFfoLzM-5mZvo`
- Page: https://grabient.com/kSjFfoLzM-5mZvo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, vivid, dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#955797` | `oklch(55.12% 0.1199 326.25)` | Purplish | white, 5.1 to 1 |
| 2 | `#935595` | `oklch(54.46% 0.1208 325.95)` | Mad About Magenta | white, 5.2 to 1 |
| 3 | `#915294` | `oklch(53.66% 0.1222 325.60)` | Mad About Magenta | white, 5.4 to 1 |
| 4 | `#8e4f92` | `oklch(52.73% 0.1240 325.19)` | Cosmic Berry | white, 5.6 to 1 |
| 5 | `#8b4c90` | `oklch(51.70% 0.1260 324.75)` | Cosmic Berry | white, 5.9 to 1 |
| 6 | `#88488d` | `oklch(50.57% 0.1282 324.26)` | Prunella | white, 6.2 to 1 |
| 7 | `#84448b` | `oklch(49.37% 0.1306 323.74)` | Evil Curse | white, 6.6 to 1 |
| 8 | `#813f88` | `oklch(48.10% 0.1329 323.18)` | Violet Webcap | white, 6.9 to 1 |
| 9 | `#7d3b86` | `oklch(46.79% 0.1352 322.60)` | Sparkling Grape | white, 7.4 to 1 |
| 10 | `#783783` | `oklch(45.44% 0.1373 322.00)` | Maximum Purple | white, 7.8 to 1 |
| 11 | `#743280` | `oklch(44.08% 0.1391 321.37)` | Maximum Purple | white, 8.3 to 1 |
| 12 | `#702e7d` | `oklch(42.72% 0.1406 320.74)` | Galactic Grapevine | white, 8.8 to 1 |
| 13 | `#6c2a7a` | `oklch(41.37% 0.1416 320.09)` | Galactic Grapevine | white, 9.3 to 1 |
| 14 | `#672677` | `oklch(40.06% 0.1422 319.43)` | Berry Blackmail | white, 9.9 to 1 |
| 15 | `#632273` | `oklch(38.79% 0.1421 318.78)` | Berry Blackmail | white, 10.4 to 1 |
| 16 | `#5f1f70` | `oklch(37.58% 0.1412 318.12)` | Violethargic | white, 10.9 to 1 |
| 17 | `#5b1d6d` | `oklch(36.44% 0.1396 317.46)` | Violethargic | white, 11.4 to 1 |
| 18 | `#561a69` | `oklch(35.25% 0.1370 316.75)` | Elegant Purple Gown | white, 11.9 to 1 |
| 19 | `#511865` | `oklch(34.03% 0.1336 315.97)` | Velvet Vortex | white, 12.5 to 1 |
| 20 | `#4d1661` | `oklch(32.77% 0.1294 315.16)` | Obsidian Shell | white, 13.1 to 1 |
| 21 | `#48155c` | `oklch(31.50% 0.1247 314.31)` | Obsidian Shell | white, 13.6 to 1 |
| 22 | `#431457` | `oklch(30.23% 0.1195 313.43)` | Plunged Into Darkness | white, 14.2 to 1 |
| 23 | `#3e1253` | `oklch(28.96% 0.1139 312.55)` | Wicked Purple | white, 14.8 to 1 |
| 24 | `#39114e` | `oklch(27.72% 0.1082 311.67)` | Russian Violet | white, 15.3 to 1 |
| 25 | `#351049` | `oklch(26.51% 0.1023 310.81)` | Purple Door | white, 15.8 to 1 |
| 26 | `#300f44` | `oklch(25.35% 0.0965 309.97)` | Purple Door | white, 16.3 to 1 |
| 27 | `#2c0e40` | `oklch(24.25% 0.0909 309.17)` | Oily Purple | white, 16.8 to 1 |
| 28 | `#290e3b` | `oklch(23.22% 0.0857 308.42)` | Blacklist | white, 17.2 to 1 |
| 29 | `#260d37` | `oklch(22.27% 0.0808 307.74)` | Blacklist | white, 17.5 to 1 |
| 30 | `#230c34` | `oklch(21.43% 0.0766 307.13)` | Middle Red Purple | white, 17.9 to 1 |
| 31 | `#200b31` | `oklch(20.69% 0.0730 306.60)` | Midnight Monarch | white, 18.1 to 1 |
| 32 | `#1e0b2f` | `oklch(20.08% 0.0703 306.17)` | Midnight Monarch | white, 18.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #955797 0.0%, #935595 3.2%, #915294 6.5%, #8e4f92 9.7%, #8b4c90 12.9%, #88488d 16.1%, #84448b 19.4%, #813f88 22.6%, #7d3b86 25.8%, #783783 29.0%, #743280 32.3%, #702e7d 35.5%, #6c2a7a 38.7%, #672677 41.9%, #632273 45.2%, #5f1f70 48.4%, #5b1d6d 51.6%, #561a69 54.8%, #511865 58.1%, #4d1661 61.3%, #48155c 64.5%, #431457 67.7%, #3e1253 71.0%, #39114e 74.2%, #351049 77.4%, #300f44 80.6%, #2c0e40 83.9%, #290e3b 87.1%, #260d37 90.3%, #230c34 93.5%, #200b31 96.8%, #1e0b2f 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.12% 0.1199 326.25) 0.0%, oklch(54.46% 0.1208 325.95) 3.2%, oklch(53.66% 0.1222 325.60) 6.5%, oklch(52.73% 0.1240 325.19) 9.7%, oklch(51.70% 0.1260 324.75) 12.9%, oklch(50.57% 0.1282 324.26) 16.1%, oklch(49.37% 0.1306 323.74) 19.4%, oklch(48.10% 0.1329 323.18) 22.6%, oklch(46.79% 0.1352 322.60) 25.8%, oklch(45.44% 0.1373 322.00) 29.0%, oklch(44.08% 0.1391 321.37) 32.3%, oklch(42.72% 0.1406 320.74) 35.5%, oklch(41.37% 0.1416 320.09) 38.7%, oklch(40.06% 0.1422 319.43) 41.9%, oklch(38.79% 0.1421 318.78) 45.2%, oklch(37.58% 0.1412 318.12) 48.4%, oklch(36.44% 0.1396 317.46) 51.6%, oklch(35.25% 0.1370 316.75) 54.8%, oklch(34.03% 0.1336 315.97) 58.1%, oklch(32.77% 0.1294 315.16) 61.3%, oklch(31.50% 0.1247 314.31) 64.5%, oklch(30.23% 0.1195 313.43) 67.7%, oklch(28.96% 0.1139 312.55) 71.0%, oklch(27.72% 0.1082 311.67) 74.2%, oklch(26.51% 0.1023 310.81) 77.4%, oklch(25.35% 0.0965 309.97) 80.6%, oklch(24.25% 0.0909 309.17) 83.9%, oklch(23.22% 0.0857 308.42) 87.1%, oklch(22.27% 0.0808 307.74) 90.3%, oklch(21.43% 0.0766 307.13) 93.5%, oklch(20.69% 0.0730 306.60) 96.8%, oklch(20.08% 0.0703 306.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.12 | 326.3 |
| 2 | 0.37 | 0.141 | 317.8 |
| 3 | 0.201 | 0.07 | 306.2 |

## In these collections

- [Purple gradients](https://grabient.com/purple-gradients)

## Other forms

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