# Wine and bronze color palette

The Wine and bronze color palette brings together red, gold, and dark orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark orange, and its lightest tone is gold.

- Also called: Maroon, salmon, tan and brown angular swatches
- Seed: `kWT20FvUjAtG6QLlm0eI5e7g`
- Page: https://grabient.com/kWT20FvUjAtG6QLlm0eI5e7g?style=angularSwatches&steps=5&angle=180
- Drawn as: angular swatches, 5 steps, 180 degrees
- Kinds: light center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.9 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 | `#5f0025` | `oklch(31.13% 0.1247 7.80)` | Baal Red Wash | white, 13.8 to 1 |
| 2 | `#af003b` | `oklch(48.04% 0.1920 14.10)` | Bindi Red | white, 7.2 to 1 |
| 3 | `#dd5d62` | `oklch(64.17% 0.1598 20.42)` | Briquette | black, 5.8 to 1 |
| 4 | `#d4ba86` | `oklch(79.92% 0.0744 84.88)` | Independent Gold | black, 11.1 to 1 |
| 5 | `#421d08` | `oklch(27.95% 0.0648 47.89)` | Délicieux au Chocolat | white, 14.8 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #5f0025 0.000% 20.000%, #af003b 20.000% 40.000%, #dd5d62 40.000% 60.000%, #d4ba86 60.000% 80.000%, #421d08 80.000% 100.000%);
background: conic-gradient(from 180deg, oklch(31.13% 0.1247 7.80) 0.000% 20.000%, oklch(48.04% 0.1920 14.10) 20.000% 40.000%, oklch(64.17% 0.1598 20.42) 40.000% 60.000%, oklch(79.92% 0.0744 84.88) 60.000% 80.000%, oklch(27.95% 0.0648 47.89) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.15 | 7.7 |
| 2 | 0.48 | 0.2 | 14.1 |
| 3 | 0.642 | 0.16 | 20.4 |
| 4 | 0.799 | 0.074 | 84.9 |
| 5 | 0.28 | 0.065 | 47.9 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Fall swatches](https://grabient.com/fall-swatches)
- [Thanksgiving swatches](https://grabient.com/thanksgiving-swatches)

## Other forms

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