# Muted orange orange deep gold rings

Analogous brown, black, tan and olive radial swatches with 6 colors: #9a6249, #1e191e, #d1966b, #8c4b1e, #eee4be, #55541e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown, black, tan and olive radial swatches
- Seed: `kYjDwfHAS21uhyo9pj99JLE7cbQY`
- Page: https://grabient.com/kYjDwfHAS21uhyo9pj99JLE7cbQY?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.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 | `#9a6249` | `oklch(55.12% 0.0827 43.59)` | Vintage Copper | white, 4.9 to 1 |
| 2 | `#1e191e` | `oklch(22.05% 0.0124 326.45)` | Night Demons | white, 17.3 to 1 |
| 3 | `#d1966b` | `oklch(72.05% 0.0923 56.27)` | Glazed Pecan | black, 8.2 to 1 |
| 4 | `#8c4b1e` | `oklch(48.43% 0.1047 52.05)` | Brown Eyed Girl | white, 6.6 to 1 |
| 5 | `#eee4be` | `oklch(91.73% 0.0510 94.32)` | Beach | black, 16.4 to 1 |
| 6 | `#55541e` | `oklch(43.31% 0.0744 108.06)` | Private Green | white, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9a6249 0.000% 16.667%, #1e191e 16.667% 33.333%, #d1966b 33.333% 50.000%, #8c4b1e 50.000% 66.667%, #eee4be 66.667% 83.333%, #55541e 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(55.12% 0.0827 43.59) 0.000% 16.667%, oklch(22.05% 0.0124 326.45) 16.667% 33.333%, oklch(72.05% 0.0923 56.27) 33.333% 50.000%, oklch(48.43% 0.1047 52.05) 50.000% 66.667%, oklch(91.73% 0.0510 94.32) 66.667% 83.333%, oklch(43.31% 0.0744 108.06) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.083 | 43.6 |
| 2 | 0.22 | 0.012 | -33.5 |
| 3 | 0.72 | 0.092 | 56.3 |
| 4 | 0.484 | 0.105 | 52 |
| 5 | 0.917 | 0.051 | 94.3 |
| 6 | 0.433 | 0.074 | 108.1 |

## In these collections

- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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