# Charcoal, mauve and silver lavender palette

The Charcoal, mauve and silver lavender palette brings together gray, magenta, and light gray. 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 gray, and its lightest tone is light gray.

- Also called: Monochrome gray and purple linear swatches
- Seed: `kUaA3qPpM_06RP9iA77A`
- Page: https://grabient.com/kUaA3qPpM_06RP9iA77A?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, muted, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.3 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 | `#50474f` | `oklch(40.94% 0.0179 329.06)` | Smoky Quartz | white, 8.9 to 1 |
| 2 | `#564955` | `oklch(42.33% 0.0250 328.87)` | Deep Mulberry | white, 8.4 to 1 |
| 3 | `#5f4d5d` | `oklch(44.29% 0.0355 328.60)` | Purple Fury | white, 7.8 to 1 |
| 4 | `#685167` | `oklch(46.65% 0.0458 328.29)` | Vintner | white, 7 to 1 |
| 5 | `#725770` | `oklch(49.21% 0.0524 328.01)` | Cembra Blossom | white, 6.3 to 1 |
| 6 | `#7a5e79` | `oklch(51.99% 0.0545 327.94)` | Gala Ball | white, 5.6 to 1 |
| 7 | `#836782` | `oklch(55.07% 0.0541 328.01)` | Matriarch | white, 4.9 to 1 |
| 8 | `#8d718b` | `oklch(58.37% 0.0514 327.81)` | Wine Stroll | black, 4.8 to 1 |
| 9 | `#957c95` | `oklch(61.81% 0.0469 326.95)` | Amorous | black, 5.5 to 1 |
| 10 | `#9e8a9f` | `oklch(65.82% 0.0389 324.94)` | Amethyst Grey Violet | black, 6.5 to 1 |
| 11 | `#a89aaa` | `oklch(70.28% 0.0279 322.13)` | Seeress | black, 7.8 to 1 |
| 12 | `#b1a9b3` | `oklch(74.34% 0.0171 319.35)` | Endless Slumber | black, 9.1 to 1 |
| 13 | `#b7b3b9` | `oklch(77.17% 0.0096 317.44)` | Silver Bells | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #50474f 0.000% 7.692%, #564955 7.692% 15.385%, #5f4d5d 15.385% 23.077%, #685167 23.077% 30.769%, #725770 30.769% 38.462%, #7a5e79 38.462% 46.154%, #836782 46.154% 53.846%, #8d718b 53.846% 61.538%, #957c95 61.538% 69.231%, #9e8a9f 69.231% 76.923%, #a89aaa 76.923% 84.615%, #b1a9b3 84.615% 92.308%, #b7b3b9 92.308% 100.000%);
background: linear-gradient(90deg, oklch(40.94% 0.0179 329.06) 0.000% 7.692%, oklch(42.33% 0.0250 328.87) 7.692% 15.385%, oklch(44.29% 0.0355 328.60) 15.385% 23.077%, oklch(46.65% 0.0458 328.29) 23.077% 30.769%, oklch(49.21% 0.0524 328.01) 30.769% 38.462%, oklch(51.99% 0.0545 327.94) 38.462% 46.154%, oklch(55.07% 0.0541 328.01) 46.154% 53.846%, oklch(58.37% 0.0514 327.81) 53.846% 61.538%, oklch(61.81% 0.0469 326.95) 61.538% 69.231%, oklch(65.82% 0.0389 324.94) 69.231% 76.923%, oklch(70.28% 0.0279 322.13) 76.923% 84.615%, oklch(74.34% 0.0171 319.35) 84.615% 92.308%, oklch(77.17% 0.0096 317.44) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.018 | 329.1 |
| 2 | 0.492 | 0.052 | 328 |
| 3 | 0.618 | 0.047 | 326.9 |
| 4 | 0.772 | 0.01 | 317.4 |

## In these collections

- [Lavender swatches](https://grabient.com/lavender-swatches)

## Other forms

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