# Wine and bronze jewel tone palette

The Wine and bronze jewel tone palette brings together magenta, orange, and gold. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is orange.

- Also called: Warm purple, magenta and brown linear swatches
- Seed: `kUXUT6vjpAsspyE3GEHg`
- Page: https://grabient.com/kUXUT6vjpAsspyE3GEHg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.6 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 | `#622644` | `oklch(36.61% 0.0937 352.27)` | Quills of Terico | white, 11.1 to 1 |
| 2 | `#a22b5e` | `oklch(48.82% 0.1598 358.61)` | Parlour Red | white, 6.9 to 1 |
| 3 | `#a96f22` | `oklch(59.06% 0.1144 69.41)` | Buckthorn Brown | black, 4.9 to 1 |
| 4 | `#614e22` | `oklch(43.31% 0.0661 86.32)` | Jungle Beat | white, 8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #622644 0.000% 25.000%, #a22b5e 25.000% 50.000%, #a96f22 50.000% 75.000%, #614e22 75.000% 100.000%);
background: linear-gradient(90deg, oklch(36.61% 0.0937 352.27) 0.000% 25.000%, oklch(48.82% 0.1598 358.61) 25.000% 50.000%, oklch(59.06% 0.1144 69.41) 50.000% 75.000%, oklch(43.31% 0.0661 86.32) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.094 | 352.3 |
| 2 | 0.488 | 0.16 | 358.6 |
| 3 | 0.591 | 0.114 | 429.4 |
| 4 | 0.433 | 0.066 | 446.3 |

## In these collections

- [Jewel tone swatches](https://grabient.com/jewel-tone-swatches)

## Other forms

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