# Tan Olive Brown

These concentric swatch rings move through tan, olive, brown, and charcoal in its saved order. The complete composition preserves clear value changes and balanced color weight across every visible area. It suits seasonal invitations, food packaging, table cards, and autumn editorial graphics, with lighter fields for breathing room and darker fields for type, borders, or focused accents.

- Also called: Tan, maroon, brown and black radial swatches
- Seed: `kW0Eo6xBdC7WjNTDmUTo4W7A`
- Page: https://grabient.com/kW0Eo6xBdC7WjNTDmUTo4W7A?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#e5be75` | `oklch(81.89% 0.1020 82.27)` | Cloudy Sunset | black, 11.9 to 1 |
| 2 | `#717044` | `oklch(53.54% 0.0634 107.63)` | Wild Jungle | white, 5.1 to 1 |
| 3 | `#79343a` | `oklch(42.13% 0.0965 16.75)` | Wild Currant | white, 8.8 to 1 |
| 4 | `#8a6243` | `oklch(53.15% 0.0689 59.02)` | Sedona Brown | white, 5.3 to 1 |
| 5 | `#302626` | `oklch(27.95% 0.0152 17.80)` | Wood Bark | white, 14.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e5be75 0.000% 20.000%, #717044 20.000% 40.000%, #79343a 40.000% 60.000%, #8a6243 60.000% 80.000%, #302626 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(81.89% 0.1020 82.27) 0.000% 20.000%, oklch(53.54% 0.0634 107.63) 20.000% 40.000%, oklch(42.13% 0.0965 16.75) 40.000% 60.000%, oklch(53.15% 0.0689 59.02) 60.000% 80.000%, oklch(27.95% 0.0152 17.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.102 | 82.3 |
| 2 | 0.535 | 0.063 | 107.6 |
| 3 | 0.421 | 0.096 | 16.7 |
| 4 | 0.531 | 0.069 | 59 |
| 5 | 0.28 | 0.015 | 17.8 |

## In these collections

- [Thanksgiving swatches](https://grabient.com/thanksgiving-swatches)

## Other forms

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