# Stone, silver and cream color palette

The Stone, silver and cream color palette brings together light gray, gray, red, and off-white. 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: `kY2QqdsYhBVwGvxyAryV54tPuDSO`
- Page: https://grabient.com/kY2QqdsYhBVwGvxyAryV54tPuDSO?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#c6d1d6` | `oklch(85.43% 0.0138 221.48)` | Wind Weaver | black, 13.5 to 1 |
| 2 | `#3a474f` | `oklch(38.98% 0.0220 233.11)` | Midnight Hour | white, 9.5 to 1 |
| 3 | `#9ba9af` | `oklch(72.44% 0.0179 225.71)` | Seryi Grey | black, 8.6 to 1 |
| 4 | `#d8dfdf` | `oklch(89.76% 0.0069 197.18)` | Echo Mist | black, 15.5 to 1 |
| 5 | `#c88975` | `oklch(68.90% 0.0827 38.67)` | Yum Raw Spam | black, 7.3 to 1 |
| 6 | `#f6f7f0` | `oklch(97.24% 0.0083 114.75)` | Laundry White | black, 19.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c6d1d6 0.000% 16.667%, #3a474f 16.667% 33.333%, #9ba9af 33.333% 50.000%, #d8dfdf 50.000% 66.667%, #c88975 66.667% 83.333%, #f6f7f0 83.333% 100.000%);
background: linear-gradient(90deg, oklch(85.43% 0.0138 221.48) 0.000% 16.667%, oklch(38.98% 0.0220 233.11) 16.667% 33.333%, oklch(72.44% 0.0179 225.71) 33.333% 50.000%, oklch(89.76% 0.0069 197.18) 50.000% 66.667%, oklch(68.90% 0.0827 38.67) 66.667% 83.333%, oklch(97.24% 0.0083 114.75) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.014 | 221.5 |
| 2 | 0.39 | 0.022 | 233.1 |
| 3 | 0.724 | 0.018 | 225.7 |
| 4 | 0.898 | 0.007 | 197.2 |
| 5 | 0.689 | 0.083 | 38.7 |
| 6 | 0.972 | 0.008 | 114.8 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Silver color palette](https://grabient.com/silver-color-palette)
- [Calm swatches](https://grabient.com/calm-swatches)
- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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