# Burgundy, orange and deep teal tropical palette

The Burgundy, orange and deep teal tropical palette brings together red, orange, gold, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is red, and its lightest tone is gold.

- Also called: Brown, orange, tan and teal radial swatches
- Seed: `kWTy0bQSpAtkzwRtKsOvp3Jw`
- Page: https://grabient.com/kWTy0bQSpAtkzwRtKsOvp3Jw?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#4b2418` | `oklch(31.10% 0.0620 37.97)` | Tobi Brown | white, 13.4 to 1 |
| 2 | `#9c4d29` | `oklch(51.18% 0.1157 44.31)` | Catlinite | white, 5.9 to 1 |
| 3 | `#e1833f` | `oklch(70.08% 0.1419 53.82)` | Tree Poppy | black, 7.5 to 1 |
| 4 | `#f3cb72` | `oklch(85.83% 0.1171 85.52)` | Golden Lion | black, 13.5 to 1 |
| 5 | `#277059` | `oklch(49.21% 0.0813 169.01)` | Sparkling Emerald | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4b2418 0.000% 20.000%, #9c4d29 20.000% 40.000%, #e1833f 40.000% 60.000%, #f3cb72 60.000% 80.000%, #277059 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(31.10% 0.0620 37.97) 0.000% 20.000%, oklch(51.18% 0.1157 44.31) 20.000% 40.000%, oklch(70.08% 0.1419 53.82) 40.000% 60.000%, oklch(85.83% 0.1171 85.52) 60.000% 80.000%, oklch(49.21% 0.0813 169.01) 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.062 | 38 |
| 2 | 0.512 | 0.116 | 44.3 |
| 3 | 0.701 | 0.142 | 53.8 |
| 4 | 0.858 | 0.117 | 85.5 |
| 5 | 0.492 | 0.081 | 169 |

## In these collections

- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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