# Bronze, sage and mauve color palette

The Bronze, sage and mauve color palette brings together gold, green, 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 gold, and its lightest tone is red.

- Also called: Brown, dark green, gray and mauve linear swatches
- Seed: `kYTSJHq5VCLSWwE-kT8xws4cyaOW`
- Page: https://grabient.com/kYTSJHq5VCLSWwE-kT8xws4cyaOW?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#342f11` | `oklch(30.31% 0.0469 100.55)` | Swamp of Sorrows | white, 13.4 to 1 |
| 2 | `#343312` | `oklch(31.52% 0.0510 107.93)` | Olivenite | white, 12.8 to 1 |
| 3 | `#343a16` | `oklch(33.37% 0.0563 117.10)` | Camouflage | white, 11.9 to 1 |
| 4 | `#37411c` | `oklch(35.78% 0.0598 121.70)` | Ceylanite | white, 10.7 to 1 |
| 5 | `#3e4a23` | `oklch(38.80% 0.0623 122.97)` | Avocado Dark Green | white, 9.5 to 1 |
| 6 | `#47522b` | `oklch(41.97% 0.0614 122.72)` | Zen Garden Olive | white, 8.3 to 1 |
| 7 | `#505b38` | `oklch(45.30% 0.0557 123.73)` | Shallot Leaf | white, 7.2 to 1 |
| 8 | `#5c6344` | `oklch(48.60% 0.0482 118.95)` | Down-to-Earth | white, 6.2 to 1 |
| 9 | `#6d694f` | `oklch(51.62% 0.0393 99.18)` | Spruce Woods | white, 5.5 to 1 |
| 10 | `#7c6d5d` | `oklch(54.43% 0.0304 69.59)` | Antique Earth | white, 4.9 to 1 |
| 11 | `#897167` | `oklch(56.81% 0.0343 42.71)` | Elkhound | black, 4.6 to 1 |
| 12 | `#9b7071` | `oklch(58.86% 0.0544 16.61)` | Fruitwood | black, 4.9 to 1 |
| 13 | `#a46f81` | `oklch(60.24% 0.0717 358.04)` | Never Forget | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #342f11 0.000% 7.692%, #343312 7.692% 15.385%, #343a16 15.385% 23.077%, #37411c 23.077% 30.769%, #3e4a23 30.769% 38.462%, #47522b 38.462% 46.154%, #505b38 46.154% 53.846%, #5c6344 53.846% 61.538%, #6d694f 61.538% 69.231%, #7c6d5d 69.231% 76.923%, #897167 76.923% 84.615%, #9b7071 84.615% 92.308%, #a46f81 92.308% 100.000%);
background: linear-gradient(90deg, oklch(30.31% 0.0469 100.55) 0.000% 7.692%, oklch(31.52% 0.0510 107.93) 7.692% 15.385%, oklch(33.37% 0.0563 117.10) 15.385% 23.077%, oklch(35.78% 0.0598 121.70) 23.077% 30.769%, oklch(38.80% 0.0623 122.97) 30.769% 38.462%, oklch(41.97% 0.0614 122.72) 38.462% 46.154%, oklch(45.30% 0.0557 123.73) 46.154% 53.846%, oklch(48.60% 0.0482 118.95) 53.846% 61.538%, oklch(51.62% 0.0393 99.18) 61.538% 69.231%, oklch(54.43% 0.0304 69.59) 69.231% 76.923%, oklch(56.81% 0.0343 42.71) 76.923% 84.615%, oklch(58.86% 0.0544 16.61) 84.615% 92.308%, oklch(60.24% 0.0717 358.04) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.047 | 100.5 |
| 2 | 0.343 | 0.058 | 119.6 |
| 3 | 0.413 | 0.062 | 122.7 |
| 4 | 0.492 | 0.047 | 116.4 |
| 5 | 0.559 | 0.03 | 53 |
| 6 | 0.602 | 0.072 | -2 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Earth tone swatches](https://grabient.com/earth-tone-swatches)
- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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