# Dusty blue, gray and stone modern palette

The Dusty blue, gray and stone modern palette brings together dark gray, gray, purple, and light magenta. 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 dark gray, and its lightest tone is light magenta.

- Also called: Monochrome black, gray and purple linear swatches
- Seed: `kWNg_ENAhAtIHwNLIUJZQtBQ`
- Page: https://grabient.com/kWNg_ENAhAtIHwNLIUJZQtBQ?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#161823` | `oklch(21.26% 0.0207 275.63)` | River Styx | white, 17.6 to 1 |
| 2 | `#484956` | `oklch(40.94% 0.0220 281.97)` | Gun Powder | white, 8.8 to 1 |
| 3 | `#8d8c9a` | `oklch(64.57% 0.0207 289.36)` | Alaitoc Blue | black, 6.3 to 1 |
| 4 | `#8e6ea6` | `oklch(59.06% 0.0909 309.44)` | Fairy Wren | black, 4.9 to 1 |
| 5 | `#c6b6c8` | `oklch(79.53% 0.0303 321.07)` | Delicate Mauve | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #161823 0.000% 20.000%, #484956 20.000% 40.000%, #8d8c9a 40.000% 60.000%, #8e6ea6 60.000% 80.000%, #c6b6c8 80.000% 100.000%);
background: linear-gradient(45deg, oklch(21.26% 0.0207 275.63) 0.000% 20.000%, oklch(40.94% 0.0220 281.97) 20.000% 40.000%, oklch(64.57% 0.0207 289.36) 40.000% 60.000%, oklch(59.06% 0.0909 309.44) 60.000% 80.000%, oklch(79.53% 0.0303 321.07) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.021 | 275.6 |
| 2 | 0.409 | 0.022 | 282 |
| 3 | 0.646 | 0.021 | 289.4 |
| 4 | 0.591 | 0.091 | 309.4 |
| 5 | 0.795 | 0.03 | 321.1 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)

## Other forms

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