# Mauve and rose magenta palette

The Mauve and rose magenta palette brings together dark purple, dark magenta, and magenta. The colors span a moderate lightness range, combining strong color with gentle 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: Analogous black, purple and magenta linear gradient
- Seed: `kUNhbipR7CLIzwNFykAg`
- Page: https://grabient.com/kUNhbipR7CLIzwNFykAg?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark to light, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#1f1422` | `oklch(21.26% 0.0303 318.52)` | Inside | white, 17.7 to 1 |
| 2 | `#211524` | `oklch(21.70% 0.0334 319.65)` | Inside | white, 17.5 to 1 |
| 3 | `#231526` | `oklch(22.25% 0.0373 321.18)` | Inside | white, 17.3 to 1 |
| 4 | `#261628` | `oklch(22.90% 0.0419 323.00)` | Inside | white, 17.1 to 1 |
| 5 | `#29162b` | `oklch(23.63% 0.0470 325.03)` | Dark Prom Queen | white, 16.8 to 1 |
| 6 | `#2d162d` | `oklch(24.42% 0.0526 327.20)` | Cultist Robe | white, 16.5 to 1 |
| 7 | `#311730` | `oklch(25.26% 0.0585 329.41)` | Cultist Robe | white, 16.2 to 1 |
| 8 | `#361732` | `oklch(26.14% 0.0645 331.59)` | Nightly Voyager | white, 15.8 to 1 |
| 9 | `#3a1735` | `oklch(27.04% 0.0706 333.65)` | Nightly Voyager | white, 15.4 to 1 |
| 10 | `#3f1837` | `oklch(27.95% 0.0765 335.51)` | Blackberry | white, 15 to 1 |
| 11 | `#431839` | `oklch(28.84% 0.0822 337.09)` | Blackberry | white, 14.7 to 1 |
| 12 | `#48183c` | `oklch(29.72% 0.0877 338.35)` | Chilli Black Red | white, 14.3 to 1 |
| 13 | `#4c183e` | `oklch(30.60% 0.0931 339.45)` | Violet Carmine | white, 13.9 to 1 |
| 14 | `#501841` | `oklch(31.48% 0.0986 340.40)` | Violet Carmine | white, 13.5 to 1 |
| 15 | `#551843` | `oklch(32.38% 0.1041 341.24)` | Violet Carmine | white, 13.1 to 1 |
| 16 | `#591846` | `oklch(33.31% 0.1097 341.96)` | Violet Carmine | white, 12.7 to 1 |
| 17 | `#5e1848` | `oklch(34.27% 0.1153 342.60)` | Grape Purple | white, 12.3 to 1 |
| 18 | `#63184b` | `oklch(35.26% 0.1209 343.17)` | Grape Purple | white, 11.9 to 1 |
| 19 | `#68184e` | `oklch(36.31% 0.1266 343.69)` | Pompadour | white, 11.4 to 1 |
| 20 | `#6d1951` | `oklch(37.40% 0.1323 344.17)` | Velvet | white, 11 to 1 |
| 21 | `#721955` | `oklch(38.56% 0.1381 344.63)` | Velvet | white, 10.5 to 1 |
| 22 | `#781a58` | `oklch(39.80% 0.1439 345.08)` | Smooch | white, 10 to 1 |
| 23 | `#7f1a5c` | `oklch(41.21% 0.1502 345.48)` | Smooch | white, 9.5 to 1 |
| 24 | `#861c61` | `oklch(42.79% 0.1569 345.81)` | Bane of Royalty | white, 8.9 to 1 |
| 25 | `#8e1d66` | `oklch(44.49% 0.1638 346.08)` | Bane of Royalty | white, 8.3 to 1 |
| 26 | `#961f6c` | `oklch(46.23% 0.1708 346.30)` | Celestial Dragon | white, 7.7 to 1 |
| 27 | `#9e2071` | `oklch(47.98% 0.1777 346.48)` | Celestial Dragon | white, 7.2 to 1 |
| 28 | `#a62277` | `oklch(49.66% 0.1843 346.63)` | Fabric of Love | white, 6.7 to 1 |
| 29 | `#ad247c` | `oklch(51.24% 0.1903 346.75)` | Festival Fuchsia | white, 6.3 to 1 |
| 30 | `#b32580` | `oklch(52.64% 0.1958 346.85)` | King’s Plum Pie | white, 5.9 to 1 |
| 31 | `#b92684` | `oklch(53.82% 0.2004 346.95)` | Loulou’s Purple | white, 5.7 to 1 |
| 32 | `#bd2787` | `oklch(54.72% 0.2039 347.05)` | Loulou’s Purple | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(270deg, #1f1422 0.0%, #211524 3.2%, #231526 6.5%, #261628 9.7%, #29162b 12.9%, #2d162d 16.1%, #311730 19.4%, #361732 22.6%, #3a1735 25.8%, #3f1837 29.0%, #431839 32.3%, #48183c 35.5%, #4c183e 38.7%, #501841 41.9%, #551843 45.2%, #591846 48.4%, #5e1848 51.6%, #63184b 54.8%, #68184e 58.1%, #6d1951 61.3%, #721955 64.5%, #781a58 67.7%, #7f1a5c 71.0%, #861c61 74.2%, #8e1d66 77.4%, #961f6c 80.6%, #9e2071 83.9%, #a62277 87.1%, #ad247c 90.3%, #b32580 93.5%, #b92684 96.8%, #bd2787 100.0%);
background: linear-gradient(270deg in oklch, oklch(21.26% 0.0303 318.52) 0.0%, oklch(21.70% 0.0334 319.65) 3.2%, oklch(22.25% 0.0373 321.18) 6.5%, oklch(22.90% 0.0419 323.00) 9.7%, oklch(23.63% 0.0470 325.03) 12.9%, oklch(24.42% 0.0526 327.20) 16.1%, oklch(25.26% 0.0585 329.41) 19.4%, oklch(26.14% 0.0645 331.59) 22.6%, oklch(27.04% 0.0706 333.65) 25.8%, oklch(27.95% 0.0765 335.51) 29.0%, oklch(28.84% 0.0822 337.09) 32.3%, oklch(29.72% 0.0877 338.35) 35.5%, oklch(30.60% 0.0931 339.45) 38.7%, oklch(31.48% 0.0986 340.40) 41.9%, oklch(32.38% 0.1041 341.24) 45.2%, oklch(33.31% 0.1097 341.96) 48.4%, oklch(34.27% 0.1153 342.60) 51.6%, oklch(35.26% 0.1209 343.17) 54.8%, oklch(36.31% 0.1266 343.69) 58.1%, oklch(37.40% 0.1323 344.17) 61.3%, oklch(38.56% 0.1381 344.63) 64.5%, oklch(39.80% 0.1439 345.08) 67.7%, oklch(41.21% 0.1502 345.48) 71.0%, oklch(42.79% 0.1569 345.81) 74.2%, oklch(44.49% 0.1638 346.08) 77.4%, oklch(46.23% 0.1708 346.30) 80.6%, oklch(47.98% 0.1777 346.48) 83.9%, oklch(49.66% 0.1843 346.63) 87.1%, oklch(51.24% 0.1903 346.75) 90.3%, oklch(52.64% 0.1958 346.85) 93.5%, oklch(53.82% 0.2004 346.95) 96.8%, oklch(54.72% 0.2039 347.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.03 | 318.5 |
| 2 | 0.291 | 0.084 | 337.5 |
| 3 | 0.394 | 0.142 | 344.9 |
| 4 | 0.547 | 0.204 | 347 |

## In these collections

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

## Other forms

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