# Gray, bronze and burgundy brown palette

The Gray, bronze and burgundy brown palette brings together gray, orange, and dark 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 dark red, and its lightest tone is gray.

- Also called: Gray and brown linear swatches
- Seed: `kSoQAnPRfByWXOU`
- Page: https://grabient.com/kSoQAnPRfByWXOU?style=linearSwatches&angle=135
- Drawn as: linear swatches, 7 steps, 135 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#8a8a8a` | `oklch(63.39% 0.0000 89.88)` | City Storm | black, 6 to 1 |
| 2 | `#887c73` | `oklch(59.52% 0.0192 61.61)` | Spacious Grey | black, 5.1 to 1 |
| 3 | `#806a52` | `oklch(53.95% 0.0457 70.15)` | Stock Horse | white, 5.1 to 1 |
| 4 | `#755733` | `oklch(48.03% 0.0648 70.70)` | Shingle Fawn | white, 6.6 to 1 |
| 5 | `#684124` | `oklch(41.41% 0.0692 55.27)` | Van Dyke Brown | white, 8.8 to 1 |
| 6 | `#562b23` | `oklch(34.44% 0.0662 31.87)` | Worcestershire Sauce | white, 11.8 to 1 |
| 7 | `#471e22` | `oklch(29.53% 0.0634 14.69)` | Dark Red Brown | white, 14.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8a8a8a 0.000% 14.286%, #887c73 14.286% 28.571%, #806a52 28.571% 42.857%, #755733 42.857% 57.143%, #684124 57.143% 71.429%, #562b23 71.429% 85.714%, #471e22 85.714% 100.000%);
background: linear-gradient(135deg, oklch(63.39% 0.0000 89.88) 0.000% 14.286%, oklch(59.52% 0.0192 61.61) 14.286% 28.571%, oklch(53.95% 0.0457 70.15) 28.571% 42.857%, oklch(48.03% 0.0648 70.70) 42.857% 57.143%, oklch(41.41% 0.0692 55.27) 57.143% 71.429%, oklch(34.44% 0.0662 31.87) 71.429% 85.714%, oklch(29.53% 0.0634 14.69) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0 | 54.8 |
| 2 | 0.48 | 0.065 | 70.7 |
| 3 | 0.295 | 0.063 | 14.7 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)

## Other forms

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