# Bronze and stone color palette

The Bronze and stone color palette brings together dark orange, orange, light orange, off-white, and light gray. 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 dark orange, and its lightest tone is off-white.

- Also called: Monochrome brown and gray linear swatches
- Seed: `kWSycfSJS_-mMwL0B0MYwhCY`
- Page: https://grabient.com/kWSycfSJS_-mMwL0B0MYwhCY?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light center, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#432315` | `oklch(29.53% 0.0537 43.59)` | Duqqa Brown | white, 14.1 to 1 |
| 2 | `#583527` | `oklch(36.73% 0.0554 43.36)` | Wild Boar | white, 10.7 to 1 |
| 3 | `#765041` | `oklch(47.00% 0.0573 43.12)` | Toasted Pecan | white, 6.9 to 1 |
| 4 | `#956d5d` | `oklch(57.09% 0.0565 43.59)` | Chocolate Temptation | black, 4.6 to 1 |
| 5 | `#af8a7b` | `oklch(66.52% 0.0507 44.49)` | Maui Poi | black, 6.7 to 1 |
| 6 | `#c8a99a` | `oklch(75.78% 0.0422 46.10)` | Arrow Quiver | black, 9.5 to 1 |
| 7 | `#dbc2b4` | `oklch(83.07% 0.0344 49.93)` | Marshmallow Cocoa | black, 12.3 to 1 |
| 8 | `#e6d3c6` | `oklch(87.94% 0.0282 57.45)` | Ash Plum | black, 14.5 to 1 |
| 9 | `#ebded1` | `oklch(90.84% 0.0228 67.19)` | South Peak | black, 15.9 to 1 |
| 10 | `#eae1d5` | `oklch(91.34% 0.0193 76.35)` | Sharp-Rip Drill | black, 16.2 to 1 |
| 11 | `#ddd7ca` | `oklch(87.98% 0.0190 84.57)` | Wheat Flour White | black, 14.6 to 1 |
| 12 | `#c9c5b6` | `oklch(82.23% 0.0207 92.20)` | Secluded Beach | black, 12.1 to 1 |
| 13 | `#bbb8a8` | `oklch(77.95% 0.0220 97.49)` | Gravel Dust | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #432315 0.000% 7.692%, #583527 7.692% 15.385%, #765041 15.385% 23.077%, #956d5d 23.077% 30.769%, #af8a7b 30.769% 38.462%, #c8a99a 38.462% 46.154%, #dbc2b4 46.154% 53.846%, #e6d3c6 53.846% 61.538%, #ebded1 61.538% 69.231%, #eae1d5 69.231% 76.923%, #ddd7ca 76.923% 84.615%, #c9c5b6 84.615% 92.308%, #bbb8a8 92.308% 100.000%);
background: linear-gradient(90deg, oklch(29.53% 0.0537 43.59) 0.000% 7.692%, oklch(36.73% 0.0554 43.36) 7.692% 15.385%, oklch(47.00% 0.0573 43.12) 15.385% 23.077%, oklch(57.09% 0.0565 43.59) 23.077% 30.769%, oklch(66.52% 0.0507 44.49) 30.769% 38.462%, oklch(75.78% 0.0422 46.10) 38.462% 46.154%, oklch(83.07% 0.0344 49.93) 46.154% 53.846%, oklch(87.94% 0.0282 57.45) 53.846% 61.538%, oklch(90.84% 0.0228 67.19) 61.538% 69.231%, oklch(91.34% 0.0193 76.35) 69.231% 76.923%, oklch(87.98% 0.0190 84.57) 76.923% 84.615%, oklch(82.23% 0.0207 92.20) 84.615% 92.308%, oklch(77.95% 0.0220 97.49) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.054 | 43.6 |
| 2 | 0.571 | 0.056 | 43.6 |
| 3 | 0.831 | 0.034 | 49.9 |
| 4 | 0.913 | 0.019 | 76.4 |
| 5 | 0.78 | 0.022 | 97.5 |

## In these collections

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

## Other forms

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