# Magenta and stone charcoal plum tailoring palette

The Magenta and stone charcoal plum tailoring palette brings together gray, magenta, light magenta, light red, and light yellow. 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 gray, and its lightest tone is light yellow.

- Also called: Dark gray, purple, pink and gray linear swatches
- Seed: `kYVQPiMh1BUYpwNao8EaBDD2iRyu`
- Page: https://grabient.com/kYVQPiMh1BUYpwNao8EaBDD2iRyu?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark to light, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7 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 | `#373638` | `oklch(33.46% 0.0041 317.81)` | Sayward Pine | white, 12 to 1 |
| 2 | `#5d355b` | `oklch(39.37% 0.0799 329.44)` | Long Passionate Night | white, 9.8 to 1 |
| 3 | `#9b568a` | `oklch(55.12% 0.1144 336.83)` | Purplish | white, 5.1 to 1 |
| 4 | `#cf89af` | `oklch(71.26% 0.0978 346.34)` | Bossy-Pants Pink | black, 7.8 to 1 |
| 5 | `#e0b9b8` | `oklch(81.89% 0.0455 19.10)` | O Fortuna | black, 11.7 to 1 |
| 6 | `#c5c9a5` | `oklch(82.28% 0.0482 112.10)` | Jardin de Hierbas | black, 12.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #373638 0.000% 16.667%, #5d355b 16.667% 33.333%, #9b568a 33.333% 50.000%, #cf89af 50.000% 66.667%, #e0b9b8 66.667% 83.333%, #c5c9a5 83.333% 100.000%);
background: linear-gradient(135deg, oklch(33.46% 0.0041 317.81) 0.000% 16.667%, oklch(39.37% 0.0799 329.44) 16.667% 33.333%, oklch(55.12% 0.1144 336.83) 33.333% 50.000%, oklch(71.26% 0.0978 346.34) 50.000% 66.667%, oklch(81.89% 0.0455 19.10) 66.667% 83.333%, oklch(82.28% 0.0482 112.10) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.004 | 317.8 |
| 2 | 0.394 | 0.08 | 329.4 |
| 3 | 0.551 | 0.114 | 336.8 |
| 4 | 0.713 | 0.098 | 346.3 |
| 5 | 0.819 | 0.045 | 379.1 |
| 6 | 0.823 | 0.048 | 472.1 |

## In these collections

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

## Other forms

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