# Bronze, tan and wine color palette

The Bronze, tan and wine color palette brings together orange, light orange, dark orange, pale orange, green, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Brown, tan, gray and maroon linear swatches
- Seed: `kYgkkeW5RCqESPdxCUQtptEKeksu`
- Page: https://grabient.com/kYgkkeW5RCqESPdxCUQtptEKeksu?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#965135` | `oklch(51.18% 0.1006 42.19)` | Japanese Cypress | white, 5.9 to 1 |
| 2 | `#bd9e81` | `oklch(72.05% 0.0551 65.44)` | Tailored Tan | black, 8.3 to 1 |
| 3 | `#371c0d` | `oklch(25.98% 0.0496 47.47)` | Close but No Cigar | white, 15.7 to 1 |
| 4 | `#e3dac9` | `oklch(88.98% 0.0248 83.40)` | Skull | black, 15 to 1 |
| 5 | `#4b5523` | `oklch(42.91% 0.0744 119.33)` | Army Green | white, 7.9 to 1 |
| 6 | `#581325` | `oklch(31.10% 0.1006 9.43)` | Chocolate Cosmos | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #965135 0.000% 16.667%, #bd9e81 16.667% 33.333%, #371c0d 33.333% 50.000%, #e3dac9 50.000% 66.667%, #4b5523 66.667% 83.333%, #581325 83.333% 100.000%);
background: linear-gradient(90deg, oklch(51.18% 0.1006 42.19) 0.000% 16.667%, oklch(72.05% 0.0551 65.44) 16.667% 33.333%, oklch(25.98% 0.0496 47.47) 33.333% 50.000%, oklch(88.98% 0.0248 83.40) 50.000% 66.667%, oklch(42.91% 0.0744 119.33) 66.667% 83.333%, oklch(31.10% 0.1006 9.43) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.101 | 42.2 |
| 2 | 0.72 | 0.055 | 65.4 |
| 3 | 0.26 | 0.05 | 47.5 |
| 4 | 0.89 | 0.025 | 83.4 |
| 5 | 0.429 | 0.074 | 119.3 |
| 6 | 0.311 | 0.101 | 9.4 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)
- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

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