# Mauve and stone tint palette

The Mauve and stone tint palette brings together red, light red, 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 red, and its lightest tone is light gray.

- Also called: Monochrome purple and gray linear swatches
- Seed: `kUcTP9yhXAF2PwFxBsAg`
- Page: https://grabient.com/kUcTP9yhXAF2PwFxBsAg?style=linearSwatches&steps=5&angle=270
- Drawn as: linear swatches, 5 steps, 270 degrees
- Kinds: dark to light, muted, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.6 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 | `#734355` | `oklch(44.49% 0.0703 356.48)` | Deep Carmine | white, 7.9 to 1 |
| 2 | `#8e6170` | `oklch(54.39% 0.0627 357.10)` | Mauve Taupe | white, 5.1 to 1 |
| 3 | `#ad8591` | `oklch(65.85% 0.0518 359.06)` | Going Rouge | black, 6.5 to 1 |
| 4 | `#ccaeb5` | `oklch(77.82% 0.0365 1.36)` | Scented Frill | black, 10.2 to 1 |
| 5 | `#e6d6d9` | `oklch(88.98% 0.0179 2.82)` | Velvet Blush | black, 14.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #734355 0.000% 20.000%, #8e6170 20.000% 40.000%, #ad8591 40.000% 60.000%, #ccaeb5 60.000% 80.000%, #e6d6d9 80.000% 100.000%);
background: linear-gradient(270deg, oklch(44.49% 0.0703 356.48) 0.000% 20.000%, oklch(54.39% 0.0627 357.10) 20.000% 40.000%, oklch(65.85% 0.0518 359.06) 40.000% 60.000%, oklch(77.82% 0.0365 1.36) 60.000% 80.000%, oklch(88.98% 0.0179 2.82) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.07 | 356.5 |
| 2 | 0.583 | 0.059 | 357.5 |
| 3 | 0.736 | 0.043 | 360.7 |
| 4 | 0.89 | 0.018 | 362.8 |

## In these collections

- [Tint swatches](https://grabient.com/tint-swatches)

## Other forms

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