# Mauve and near-black color palette

This palette moves from magenta through dark magenta to dark purple. It steadily darkens across a moderate lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits brand mood boards and social graphics, especially compositions that need closely related light and dark areas.

- Also called: Monochrome purple to black linear gradient
- Seed: `kSYzrpIRY_RCLP0`
- Page: https://grabient.com/kSYzrpIRY_RCLP0?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2 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 | `#5b345b` | `oklch(38.98% 0.0799 327.66)` | Passion Razz | white, 10 to 1 |
| 2 | `#5a3359` | `oklch(38.50% 0.0792 327.46)` | Spanish Plum | white, 10.2 to 1 |
| 3 | `#583258` | `oklch(37.94% 0.0785 327.23)` | Japanese Violet | white, 10.4 to 1 |
| 4 | `#563156` | `oklch(37.28% 0.0776 326.97)` | Purple Prose | white, 10.7 to 1 |
| 5 | `#532f54` | `oklch(36.55% 0.0766 326.67)` | Grape Royale | white, 11 to 1 |
| 6 | `#512d51` | `oklch(35.75% 0.0755 326.34)` | Purple Shade | white, 11.3 to 1 |
| 7 | `#4e2b4f` | `oklch(34.89% 0.0744 326.00)` | Murasaki | white, 11.7 to 1 |
| 8 | `#4b294c` | `oklch(33.99% 0.0731 325.63)` | Murasaki | white, 12.1 to 1 |
| 9 | `#48274a` | `oklch(33.06% 0.0718 325.25)` | Murasaki | white, 12.6 to 1 |
| 10 | `#452547` | `oklch(32.10% 0.0705 324.86)` | Opulent Mauve | white, 13 to 1 |
| 11 | `#422344` | `oklch(31.12% 0.0691 324.46)` | Purple Void | white, 13.5 to 1 |
| 12 | `#3e2141` | `oklch(30.14% 0.0676 324.06)` | Profound Mauve | white, 13.9 to 1 |
| 13 | `#3b1f3e` | `oklch(29.17% 0.0661 323.67)` | Kokimurasaki Purple | white, 14.4 to 1 |
| 14 | `#381d3c` | `oklch(28.22% 0.0646 323.28)` | Power Outage | white, 14.8 to 1 |
| 15 | `#361b39` | `oklch(27.30% 0.0630 322.91)` | Nightly Voyager | white, 15.2 to 1 |
| 16 | `#331a36` | `oklch(26.41% 0.0614 322.55)` | Blackcurrant | white, 15.6 to 1 |
| 17 | `#301834` | `oklch(25.56% 0.0598 322.20)` | Blackcurrant | white, 16 to 1 |
| 18 | `#2d1631` | `oklch(24.67% 0.0580 321.84)` | Cultist Robe | white, 16.4 to 1 |
| 19 | `#2b152e` | `oklch(23.75% 0.0560 321.46)` | Dark Prom Queen | white, 16.8 to 1 |
| 20 | `#28132c` | `oklch(22.79% 0.0539 321.08)` | Dark Prom Queen | white, 17.2 to 1 |
| 21 | `#251129` | `oklch(21.82% 0.0517 320.68)` | Inside | white, 17.6 to 1 |
| 22 | `#221026` | `oklch(20.85% 0.0495 320.28)` | Inside | white, 18 to 1 |
| 23 | `#1f0e23` | `oklch(19.87% 0.0471 319.89)` | Meški Black | white, 18.3 to 1 |
| 24 | `#1c0c20` | `oklch(18.91% 0.0448 319.50)` | Shot in the Dark | white, 18.6 to 1 |
| 25 | `#190b1d` | `oklch(17.98% 0.0426 319.12)` | Shot in the Dark | white, 18.9 to 1 |
| 26 | `#17091b` | `oklch(17.08% 0.0404 318.75)` | Crow | white, 19.2 to 1 |
| 27 | `#140818` | `oklch(16.22% 0.0382 318.40)` | Crow | white, 19.4 to 1 |
| 28 | `#120716` | `oklch(15.42% 0.0363 318.08)` | Noir Fiction | white, 19.6 to 1 |
| 29 | `#100614` | `oklch(14.69% 0.0344 317.78)` | Not Tonight | white, 19.8 to 1 |
| 30 | `#0f0512` | `oklch(14.03% 0.0328 317.51)` | Not Tonight | white, 19.9 to 1 |
| 31 | `#0d0510` | `oklch(13.46% 0.0314 317.28)` | Not Tonight | white, 20 to 1 |
| 32 | `#0c040f` | `oklch(12.99% 0.0303 317.09)` | Not Tonight | white, 20.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5b345b 0.0%, #5a3359 3.2%, #583258 6.5%, #563156 9.7%, #532f54 12.9%, #512d51 16.1%, #4e2b4f 19.4%, #4b294c 22.6%, #48274a 25.8%, #452547 29.0%, #422344 32.3%, #3e2141 35.5%, #3b1f3e 38.7%, #381d3c 41.9%, #361b39 45.2%, #331a36 48.4%, #301834 51.6%, #2d1631 54.8%, #2b152e 58.1%, #28132c 61.3%, #251129 64.5%, #221026 67.7%, #1f0e23 71.0%, #1c0c20 74.2%, #190b1d 77.4%, #17091b 80.6%, #140818 83.9%, #120716 87.1%, #100614 90.3%, #0f0512 93.5%, #0d0510 96.8%, #0c040f 100.0%);
background: linear-gradient(135deg in oklch, oklch(38.98% 0.0799 327.66) 0.0%, oklch(38.50% 0.0792 327.46) 3.2%, oklch(37.94% 0.0785 327.23) 6.5%, oklch(37.28% 0.0776 326.97) 9.7%, oklch(36.55% 0.0766 326.67) 12.9%, oklch(35.75% 0.0755 326.34) 16.1%, oklch(34.89% 0.0744 326.00) 19.4%, oklch(33.99% 0.0731 325.63) 22.6%, oklch(33.06% 0.0718 325.25) 25.8%, oklch(32.10% 0.0705 324.86) 29.0%, oklch(31.12% 0.0691 324.46) 32.3%, oklch(30.14% 0.0676 324.06) 35.5%, oklch(29.17% 0.0661 323.67) 38.7%, oklch(28.22% 0.0646 323.28) 41.9%, oklch(27.30% 0.0630 322.91) 45.2%, oklch(26.41% 0.0614 322.55) 48.4%, oklch(25.56% 0.0598 322.20) 51.6%, oklch(24.67% 0.0580 321.84) 54.8%, oklch(23.75% 0.0560 321.46) 58.1%, oklch(22.79% 0.0539 321.08) 61.3%, oklch(21.82% 0.0517 320.68) 64.5%, oklch(20.85% 0.0495 320.28) 67.7%, oklch(19.87% 0.0471 319.89) 71.0%, oklch(18.91% 0.0448 319.50) 74.2%, oklch(17.98% 0.0426 319.12) 77.4%, oklch(17.08% 0.0404 318.75) 80.6%, oklch(16.22% 0.0382 318.40) 83.9%, oklch(15.42% 0.0363 318.08) 87.1%, oklch(14.69% 0.0344 317.78) 90.3%, oklch(14.03% 0.0328 317.51) 93.5%, oklch(13.46% 0.0314 317.28) 96.8%, oklch(12.99% 0.0303 317.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.08 | 327.7 |
| 2 | 0.26 | 0.061 | 322.4 |
| 3 | 0.13 | 0.03 | 317.1 |

## In these collections

- [Plum noir](https://grabient.com/plum-noir)
- [Plum noir swatches](https://grabient.com/plum-noir-swatches)
- [Dark academia swatches](https://grabient.com/dark-academia-swatches)
- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)

## Other forms

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