# Stone and blue moody palette

The Stone and blue moody palette brings together light gray and blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light gray.

- Also called: Monochrome gray and navy linear swatches
- Seed: `kSyw7YyI-9SuSvW`
- Page: https://grabient.com/kSyw7YyI-9SuSvW?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, neutral, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#c0bbc8` | `oklch(79.92% 0.0193 304.45)` | Silverberry | black, 11.1 to 1 |
| 2 | `#9f9bb0` | `oklch(69.93% 0.0305 294.68)` | Logan | black, 7.7 to 1 |
| 3 | `#737591` | `oklch(57.09% 0.0427 282.26)` | Royal Fortune | black, 4.6 to 1 |
| 4 | `#49526e` | `oklch(44.24% 0.0483 270.31)` | East Bay | white, 7.7 to 1 |
| 5 | `#293953` | `oklch(34.25% 0.0510 261.13)` | Cool Air of Debonair | white, 11.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c0bbc8 0.000% 20.000%, #9f9bb0 20.000% 40.000%, #737591 40.000% 60.000%, #49526e 60.000% 80.000%, #293953 80.000% 100.000%);
background: linear-gradient(90deg, oklch(79.92% 0.0193 304.45) 0.000% 20.000%, oklch(69.93% 0.0305 294.68) 20.000% 40.000%, oklch(57.09% 0.0427 282.26) 40.000% 60.000%, oklch(44.24% 0.0483 270.31) 60.000% 80.000%, oklch(34.25% 0.0510 261.13) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.019 | 304.5 |
| 2 | 0.571 | 0.043 | 282.3 |
| 3 | 0.343 | 0.051 | 261.1 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)

## Other forms

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