# Silver, tan and mauve color palette

The Silver, tan and mauve color palette brings together light gray, orange, and red. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light gray.

- Also called: Gray to brown linear gradient
- Seed: `kSyQAl0hbCTwUuO`
- Page: https://grabient.com/kSyQAl0hbCTwUuO
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#bbbbbb` | `oklch(79.13% 0.0000 89.88)` | Gravel Fint | black, 10.9 to 1 |
| 2 | `#b9ada4` | `oklch(75.46% 0.0186 60.88)` | Nightingale Grey | black, 9.5 to 1 |
| 3 | `#b19b81` | `oklch(70.17% 0.0440 71.25)` | Mission Hills | black, 7.8 to 1 |
| 4 | `#a58864` | `oklch(64.57% 0.0620 72.81)` | Coffee With Cream | black, 6.3 to 1 |
| 5 | `#997255` | `oklch(58.36% 0.0650 56.77)` | Liver Chestnut | black, 4.8 to 1 |
| 6 | `#885c53` | `oklch(51.84% 0.0604 31.91)` | Hanover Brick | white, 5.7 to 1 |
| 7 | `#784e52` | `oklch(47.24% 0.0565 13.63)` | Veil of Cinder | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bbbbbb 0.0%, #b9ada4 16.7%, #b19b81 33.3%, #a58864 50.0%, #997255 66.7%, #885c53 83.3%, #784e52 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.13% 0.0000 89.88) 0.0%, oklch(75.46% 0.0186 60.88) 16.7%, oklch(70.17% 0.0440 71.25) 33.3%, oklch(64.57% 0.0620 72.81) 50.0%, oklch(58.36% 0.0650 56.77) 66.7%, oklch(51.84% 0.0604 31.91) 83.3%, oklch(47.24% 0.0565 13.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0 | 52.7 |
| 2 | 0.646 | 0.062 | 72.8 |
| 3 | 0.472 | 0.056 | 13.6 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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