# Wine gold petrol bands

Five horizontal bands combine dark wine, ochre gold, petrol teal, near-black, and warm cream. The gold and cream supply two distinct light accents around the deeper warm and cool colors. Use this structured luxury palette for invitation suites, accessory displays, or richly furnished interior schemes.

- Also called: Maroon, teal, black and beige linear swatches
- Seed: `kWYEgB3rHJ7EVTyWhMkdw1Rg`
- Page: https://grabient.com/kWYEgB3rHJ7EVTyWhMkdw1Rg?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 15.7 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 | `#6a273e` | `oklch(37.80% 0.0992 2.11)` | Siren | white, 10.6 to 1 |
| 2 | `#d1a532` | `oklch(74.41% 0.1364 86.65)` | Kingdom Gold | black, 9.1 to 1 |
| 3 | `#164c57` | `oklch(38.58% 0.0579 215.57)` | Nocturnal Expedition | white, 9.5 to 1 |
| 4 | `#111016` | `oklch(17.72% 0.0124 292.72)` | Ruined Smores | white, 18.9 to 1 |
| 5 | `#f6e8d0` | `oklch(93.70% 0.0358 81.72)` | Tailwind | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #6a273e 0.000% 20.000%, #d1a532 20.000% 40.000%, #164c57 40.000% 60.000%, #111016 60.000% 80.000%, #f6e8d0 80.000% 100.000%);
background: linear-gradient(180deg, oklch(37.80% 0.0992 2.11) 0.000% 20.000%, oklch(74.41% 0.1364 86.65) 20.000% 40.000%, oklch(38.58% 0.0579 215.57) 40.000% 60.000%, oklch(17.72% 0.0124 292.72) 60.000% 80.000%, oklch(93.70% 0.0358 81.72) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.099 | 2.1 |
| 2 | 0.744 | 0.136 | 86.6 |
| 3 | 0.386 | 0.058 | 215.6 |
| 4 | 0.177 | 0.012 | 292.7 |
| 5 | 0.937 | 0.036 | 441.7 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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