# Teal oxblood theater box

Teal brocade and deep blue-green sit above oxblood, ivory, and aged gold in crisp horizontal bands. Use the palette for heritage venue branding, formal dinner menus, or theatrical interior mood boards where cool upholstery should carry the field while warm architectural details provide vintage grandeur.

- Also called: Teal, black, maroon and brown linear swatches
- Seed: `kWZy-Kpg1BTGuU50jkh1iu-w`
- Page: https://grabient.com/kWZy-Kpg1BTGuU50jkh1iu-w?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center
- Hues: triadic
- Contrast of its darkest and lightest colors: 10.5 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 | `#0d5454` | `oklch(40.55% 0.0648 194.77)` | Pacific Storm | white, 8.7 to 1 |
| 2 | `#153337` | `oklch(29.92% 0.0358 206.39)` | Elite Teal | white, 13.4 to 1 |
| 3 | `#7a1d32` | `oklch(38.98% 0.1268 12.30)` | Whisky Cola | white, 10.2 to 1 |
| 4 | `#f0e2c7` | `oklch(91.73% 0.0386 84.16)` | White Chocolate | black, 16.4 to 1 |
| 5 | `#c38b36` | `oklch(67.72% 0.1199 74.65)` | Victorian Crown | black, 7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0d5454 0.000% 20.000%, #153337 20.000% 40.000%, #7a1d32 40.000% 60.000%, #f0e2c7 60.000% 80.000%, #c38b36 80.000% 100.000%);
background: linear-gradient(180deg, oklch(40.55% 0.0648 194.77) 0.000% 20.000%, oklch(29.92% 0.0358 206.39) 20.000% 40.000%, oklch(38.98% 0.1268 12.30) 40.000% 60.000%, oklch(91.73% 0.0386 84.16) 60.000% 80.000%, oklch(67.72% 0.1199 74.65) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.065 | 194.8 |
| 2 | 0.299 | 0.036 | 206.4 |
| 3 | 0.39 | 0.127 | 372.3 |
| 4 | 0.917 | 0.039 | 444.2 |
| 5 | 0.677 | 0.12 | 434.6 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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