# Stone Taupe Earth Rings

These concentric rings move from charcoal brown through warm cream, smoky taupe, deep espresso, mushroom beige, and pale stone. Their layered neutral route resembles soil, clay, and weathered masonry. Use them for natural product packaging, architectural boards, grounded web themes, or editorial systems that need many usable earth toned values.

- Also called: Monochrome brown and gray radial swatches
- Seed: `kYVwwdawvD7qJOYbEkQUAxBmkJPi`
- Page: https://grabient.com/kYVwwdawvD7qJOYbEkQUAxBmkJPi?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: dark center, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.9 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 | `#403632` | `oklch(34.25% 0.0165 40.78)` | Chocolate Torte | white, 11.7 to 1 |
| 2 | `#d8c9b5` | `oklch(84.25% 0.0317 74.60)` | Ivory Ridge | black, 12.9 to 1 |
| 3 | `#665352` | `oklch(46.06% 0.0248 20.70)` | High Rank | white, 7.1 to 1 |
| 4 | `#2a1201` | `oklch(21.26% 0.0496 55.58)` | Shadow Play | white, 17.7 to 1 |
| 5 | `#978674` | `oklch(62.99% 0.0331 69.31)` | Bedbox | black, 5.9 to 1 |
| 6 | `#d4c2b7` | `oklch(82.68% 0.0248 54.52)` | Pink Nudity | black, 12.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #403632 0.000% 16.667%, #d8c9b5 16.667% 33.333%, #665352 33.333% 50.000%, #2a1201 50.000% 66.667%, #978674 66.667% 83.333%, #d4c2b7 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(34.25% 0.0165 40.78) 0.000% 16.667%, oklch(84.25% 0.0317 74.60) 16.667% 33.333%, oklch(46.06% 0.0248 20.70) 33.333% 50.000%, oklch(21.26% 0.0496 55.58) 50.000% 66.667%, oklch(62.99% 0.0331 69.31) 66.667% 83.333%, oklch(82.68% 0.0248 54.52) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.017 | 40.8 |
| 2 | 0.843 | 0.032 | 74.6 |
| 3 | 0.461 | 0.025 | 20.7 |
| 4 | 0.213 | 0.05 | 55.6 |
| 5 | 0.63 | 0.033 | 69.3 |
| 6 | 0.827 | 0.025 | 54.5 |

## In these collections

- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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