# Stone, lilac and dusty blue dusty palette

The Stone, lilac and dusty blue dusty palette brings together off-white, light red, light magenta, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Gray, pink, lavender and blue linear swatches
- Seed: `kW5QsHaBm_94dO9SlDZv5ZBA`
- Page: https://grabient.com/kW5QsHaBm_94dO9SlDZv5ZBA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.4 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 | `#e8dbdc` | `oklch(90.16% 0.0152 9.84)` | Homoeopathic Rose | black, 15.5 to 1 |
| 2 | `#edb1b9` | `oklch(81.89% 0.0703 9.84)` | Frozen Veins | black, 11.6 to 1 |
| 3 | `#cb98bf` | `oklch(74.02% 0.0799 334.97)` | Peach Buff | black, 8.7 to 1 |
| 4 | `#7891b1` | `oklch(64.96% 0.0551 254.66)` | Wink | black, 6.4 to 1 |
| 5 | `#526386` | `oklch(50.00% 0.0606 264.17)` | Luxe Blue | white, 6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8dbdc 0.000% 20.000%, #edb1b9 20.000% 40.000%, #cb98bf 40.000% 60.000%, #7891b1 60.000% 80.000%, #526386 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.16% 0.0152 9.84) 0.000% 20.000%, oklch(81.89% 0.0703 9.84) 20.000% 40.000%, oklch(74.02% 0.0799 334.97) 40.000% 60.000%, oklch(64.96% 0.0551 254.66) 60.000% 80.000%, oklch(50.00% 0.0606 264.17) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.015 | 9.8 |
| 2 | 0.819 | 0.07 | 9.8 |
| 3 | 0.74 | 0.08 | -25 |
| 4 | 0.65 | 0.055 | -105.3 |
| 5 | 0.5 | 0.061 | -95.8 |

## In these collections

- [Dusty swatches](https://grabient.com/dusty-swatches)

## Other forms

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