# Gray, mauve and stone color palette

The Gray, mauve and stone color palette brings together gray, off-white, light red, and light gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Gray, salmon and white linear swatches
- Seed: `kYkA-p84Q-mCsVAwB64-AK6OQExA`
- Page: https://grabient.com/kYkA-p84Q-mCsVAwB64-AK6OQExA?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.5 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 | `#6c7982` | `oklch(56.69% 0.0207 238.36)` | Iron Frost | black, 4.6 to 1 |
| 2 | `#dae3e7` | `oklch(90.94% 0.0110 226.73)` | Cityscape | black, 16 to 1 |
| 3 | `#f39479` | `oklch(75.98% 0.1213 36.87)` | Indian Dance | black, 9.3 to 1 |
| 4 | `#39434c` | `oklch(37.80% 0.0207 246.81)` | Astrogranite Debris | white, 10 to 1 |
| 5 | `#e8eeee` | `oklch(94.49% 0.0069 198.20)` | Brooklet | black, 17.9 to 1 |
| 6 | `#b2bbc0` | `oklch(78.74% 0.0124 233.08)` | Seersucker | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6c7982 0.000% 16.667%, #dae3e7 16.667% 33.333%, #f39479 33.333% 50.000%, #39434c 50.000% 66.667%, #e8eeee 66.667% 83.333%, #b2bbc0 83.333% 100.000%);
background: linear-gradient(90deg, oklch(56.69% 0.0207 238.36) 0.000% 16.667%, oklch(90.94% 0.0110 226.73) 16.667% 33.333%, oklch(75.98% 0.1213 36.87) 33.333% 50.000%, oklch(37.80% 0.0207 246.81) 50.000% 66.667%, oklch(94.49% 0.0069 198.20) 66.667% 83.333%, oklch(78.74% 0.0124 233.08) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.021 | 238.4 |
| 2 | 0.909 | 0.011 | 226.7 |
| 3 | 0.76 | 0.121 | 396.9 |
| 4 | 0.378 | 0.021 | 246.8 |
| 5 | 0.945 | 0.007 | 198.2 |
| 6 | 0.787 | 0.012 | 233.1 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)
- [Silver color palette](https://grabient.com/silver-color-palette)

## Other forms

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