# Clay Moss Earth Rings

These four concentric rings move outward through muted olive, dusty clay pink, moss green, and near-black brown. The balanced natural hues offer a warm focal band, two grounded greens, and a dark anchor for type. Use them for craft packaging, garden graphics, rustic invitations, or earthy interface accents.

- Also called: Brown, pink, green and black radial swatches
- Seed: `kUeChLY5e3MKlS-bjrsg`
- Page: https://grabient.com/kUeChLY5e3MKlS-bjrsg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: wide
- 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 | `#605d38` | `oklch(47.24% 0.0551 105.47)` | Eastern Bamboo | white, 6.6 to 1 |
| 2 | `#dfaa9f` | `oklch(78.35% 0.0648 31.50)` | Tamanegi Peel | black, 10.3 to 1 |
| 3 | `#527635` | `oklch(52.36% 0.1020 132.94)` | Luck of the Irish | white, 5.2 to 1 |
| 4 | `#201902` | `oklch(21.65% 0.0400 92.79)` | Noir Mystique | white, 17.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #605d38 0.000% 25.000%, #dfaa9f 25.000% 50.000%, #527635 50.000% 75.000%, #201902 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(47.24% 0.0551 105.47) 0.000% 25.000%, oklch(78.35% 0.0648 31.50) 25.000% 50.000%, oklch(52.36% 0.1020 132.94) 50.000% 75.000%, oklch(21.65% 0.0400 92.79) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.055 | 105.5 |
| 2 | 0.783 | 0.065 | 31.5 |
| 3 | 0.524 | 0.102 | 132.9 |
| 4 | 0.217 | 0.04 | 92.8 |

## In these collections

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

## Other forms

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