# Near-black and mauve charcoal plum tailoring palette

The Near-black and mauve charcoal plum tailoring palette brings together dark gray, dark magenta, and magenta. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is magenta.

- Also called: Monochrome black to purple linear gradient
- Seed: `kWKwfcnonDbEUQTBmUASJI_o`
- Page: https://grabient.com/kWKwfcnonDbEUQTBmUASJI_o?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.1 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 | `#110e12` | `oklch(16.93% 0.0096 310.08)` | Ruined Smores | white, 19.1 to 1 |
| 2 | `#120f14` | `oklch(17.44% 0.0109 312.59)` | Ruined Smores | white, 19 to 1 |
| 3 | `#141015` | `oklch(18.07% 0.0124 316.08)` | Sticky Black Tarmac | white, 18.8 to 1 |
| 4 | `#161117` | `oklch(18.81% 0.0143 320.25)` | Kettle Black | white, 18.5 to 1 |
| 5 | `#191319` | `oklch(19.68% 0.0164 324.79)` | Back in Black | white, 18.2 to 1 |
| 6 | `#1c141c` | `oklch(20.66% 0.0187 329.37)` | Violet Void | white, 17.9 to 1 |
| 7 | `#20161e` | `oklch(21.77% 0.0213 333.69)` | Bats Cloak | white, 17.5 to 1 |
| 8 | `#241921` | `oklch(23.00% 0.0240 337.43)` | Kurobeni | white, 17 to 1 |
| 9 | `#291b24` | `oklch(24.37% 0.0269 340.30)` | Black Cherry | white, 16.4 to 1 |
| 10 | `#2e1e28` | `oklch(25.96% 0.0303 342.55)` | Shikon | white, 15.7 to 1 |
| 11 | `#34212c` | `oklch(27.75% 0.0341 344.41)` | Anubis Black | white, 14.9 to 1 |
| 12 | `#3b2531` | `oklch(29.68% 0.0382 345.93)` | Mangosteen Violet | white, 14 to 1 |
| 13 | `#422936` | `oklch(31.69% 0.0424 347.17)` | Soft Red | white, 13 to 1 |
| 14 | `#492d3b` | `oklch(33.74% 0.0465 348.20)` | Barossa | white, 12.1 to 1 |
| 15 | `#503141` | `oklch(35.75% 0.0503 349.08)` | Loulou | white, 11.2 to 1 |
| 16 | `#573546` | `oklch(37.67% 0.0537 349.86)` | Blackberry Tart | white, 10.4 to 1 |
| 17 | `#5d394a` | `oklch(39.48% 0.0565 350.58)` | Enchantress | white, 9.7 to 1 |
| 18 | `#643e4f` | `oklch(41.31% 0.0592 351.09)` | Old Eggplant | white, 9 to 1 |
| 19 | `#6a4254` | `oklch(43.15% 0.0619 351.39)` | Chilled Wine | white, 8.3 to 1 |
| 20 | `#714659` | `oklch(44.98% 0.0642 351.54)` | Deep Carmine | white, 7.7 to 1 |
| 21 | `#774a5e` | `oklch(46.74% 0.0662 351.56)` | Bewitching | white, 7.1 to 1 |
| 22 | `#7c4e63` | `oklch(48.40% 0.0678 351.50)` | Grey Carmine | white, 6.6 to 1 |
| 23 | `#815267` | `oklch(49.92% 0.0687 351.40)` | Private Tone | white, 6.2 to 1 |
| 24 | `#86566b` | `oklch(51.27% 0.0690 351.31)` | Tulipwood | white, 5.9 to 1 |
| 25 | `#895a6f` | `oklch(52.43% 0.0683 351.20)` | Majestic Orchid | white, 5.6 to 1 |
| 26 | `#8b5d72` | `oklch(53.43% 0.0664 350.99)` | Grape Nectar | white, 5.3 to 1 |
| 27 | `#8d6074` | `oklch(54.31% 0.0637 350.69)` | Victorian Plum | white, 5.1 to 1 |
| 28 | `#8d6376` | `oklch(55.06% 0.0605 350.35)` | Victorian Plum | white, 5 to 1 |
| 29 | `#8e6678` | `oklch(55.70% 0.0572 349.99)` | Sweet Violet | white, 4.8 to 1 |
| 30 | `#8e687a` | `oklch(56.24% 0.0540 349.65)` | Plum Dandy | white, 4.7 to 1 |
| 31 | `#8e6a7b` | `oklch(56.70% 0.0514 349.37)` | Blunt Violet | white, 4.6 to 1 |
| 32 | `#8f6c7c` | `oklch(57.09% 0.0496 349.18)` | Blunt Violet | black, 4.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #110e12 0.0%, #120f14 3.2%, #141015 6.5%, #161117 9.7%, #191319 12.9%, #1c141c 16.1%, #20161e 19.4%, #241921 22.6%, #291b24 25.8%, #2e1e28 29.0%, #34212c 32.3%, #3b2531 35.5%, #422936 38.7%, #492d3b 41.9%, #503141 45.2%, #573546 48.4%, #5d394a 51.6%, #643e4f 54.8%, #6a4254 58.1%, #714659 61.3%, #774a5e 64.5%, #7c4e63 67.7%, #815267 71.0%, #86566b 74.2%, #895a6f 77.4%, #8b5d72 80.6%, #8d6074 83.9%, #8d6376 87.1%, #8e6678 90.3%, #8e687a 93.5%, #8e6a7b 96.8%, #8f6c7c 100.0%);
background: linear-gradient(90deg in oklch, oklch(16.93% 0.0096 310.08) 0.0%, oklch(17.44% 0.0109 312.59) 3.2%, oklch(18.07% 0.0124 316.08) 6.5%, oklch(18.81% 0.0143 320.25) 9.7%, oklch(19.68% 0.0164 324.79) 12.9%, oklch(20.66% 0.0187 329.37) 16.1%, oklch(21.77% 0.0213 333.69) 19.4%, oklch(23.00% 0.0240 337.43) 22.6%, oklch(24.37% 0.0269 340.30) 25.8%, oklch(25.96% 0.0303 342.55) 29.0%, oklch(27.75% 0.0341 344.41) 32.3%, oklch(29.68% 0.0382 345.93) 35.5%, oklch(31.69% 0.0424 347.17) 38.7%, oklch(33.74% 0.0465 348.20) 41.9%, oklch(35.75% 0.0503 349.08) 45.2%, oklch(37.67% 0.0537 349.86) 48.4%, oklch(39.48% 0.0565 350.58) 51.6%, oklch(41.31% 0.0592 351.09) 54.8%, oklch(43.15% 0.0619 351.39) 58.1%, oklch(44.98% 0.0642 351.54) 61.3%, oklch(46.74% 0.0662 351.56) 64.5%, oklch(48.40% 0.0678 351.50) 67.7%, oklch(49.92% 0.0687 351.40) 71.0%, oklch(51.27% 0.0690 351.31) 74.2%, oklch(52.43% 0.0683 351.20) 77.4%, oklch(53.43% 0.0664 350.99) 80.6%, oklch(54.31% 0.0637 350.69) 83.9%, oklch(55.06% 0.0605 350.35) 87.1%, oklch(55.70% 0.0572 349.99) 90.3%, oklch(56.24% 0.0540 349.65) 93.5%, oklch(56.70% 0.0514 349.37) 96.8%, oklch(57.09% 0.0496 349.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.01 | 310.1 |
| 2 | 0.24 | 0.026 | 339.7 |
| 3 | 0.386 | 0.055 | 350.2 |
| 4 | 0.516 | 0.069 | 351.3 |
| 5 | 0.571 | 0.05 | 349.2 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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