# Teal Ballroom Geometry

Five bands move from deep teal through burnt orange, gold, plum, and finish in steel blue. The separated colors give headings, backgrounds, borders, and small accents clearly defined roles. This balance works well in formal posters, hospitality graphics, packaging, and polished identity systems, especially where readable contrast matters.

- Also called: Rainbow from teal to blue angular swatches
- Seed: `kWeTmCShixVqswq0rLVPpayQ`
- Page: https://grabient.com/kWeTmCShixVqswq0rLVPpayQ?style=angularSwatches&steps=5&angle=30
- Drawn as: angular swatches, 5 steps, 30 degrees
- Kinds: light center, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#156b61` | `oklch(47.64% 0.0785 182.81)` | Fashion Blue | white, 6.3 to 1 |
| 2 | `#997252` | `oklch(58.27% 0.0675 59.17)` | Liver Chestnut | black, 4.8 to 1 |
| 3 | `#c89a3b` | `oklch(71.26% 0.1226 82.42)` | Goldie | black, 8.1 to 1 |
| 4 | `#7a2851` | `oklch(41.34% 0.1226 352.60)` | Magenta Purple | white, 9.3 to 1 |
| 5 | `#3d6680` | `oklch(49.21% 0.0620 237.41)` | Good Samaritan | white, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #156b61 0.000% 20.000%, #997252 20.000% 40.000%, #c89a3b 40.000% 60.000%, #7a2851 60.000% 80.000%, #3d6680 80.000% 100.000%);
background: conic-gradient(from 30deg, oklch(47.64% 0.0785 182.81) 0.000% 20.000%, oklch(58.27% 0.0675 59.17) 20.000% 40.000%, oklch(71.26% 0.1226 82.42) 40.000% 60.000%, oklch(41.34% 0.1226 352.60) 60.000% 80.000%, oklch(49.21% 0.0620 237.41) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.079 | 182.8 |
| 2 | 0.583 | 0.068 | 59.2 |
| 3 | 0.713 | 0.123 | 82.4 |
| 4 | 0.413 | 0.123 | -7.4 |
| 5 | 0.492 | 0.062 | -122.6 |

## In these collections

- [Neo deco swatches](https://grabient.com/neo-deco-swatches)

## Other forms

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