# Dark Earth Brown Ochre Pale Amber

These concentric swatch rings move through dark earth brown, ochre, pale amber, clay brown, and warm sand in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Analogous brown, orange and tan radial swatches
- Seed: `kWUyQa0q7C2mkQo-IbvXahBw`
- Page: https://grabient.com/kWUyQa0q7C2mkQo-IbvXahBw?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#4a2b22` | `oklch(32.68% 0.0496 37.27)` | Couch | white, 12.6 to 1 |
| 2 | `#c67b30` | `oklch(64.96% 0.1281 61.57)` | Exotic Honey | black, 6.2 to 1 |
| 3 | `#e6c27b` | `oklch(83.07% 0.0992 83.76)` | Celebration | black, 12.4 to 1 |
| 4 | `#894f2d` | `oklch(48.82% 0.0923 48.89)` | Chestnut Glaze | white, 6.5 to 1 |
| 5 | `#da9b5b` | `oklch(73.62% 0.1102 64.74)` | Stunning Gold | black, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4a2b22 0.000% 20.000%, #c67b30 20.000% 40.000%, #e6c27b 40.000% 60.000%, #894f2d 60.000% 80.000%, #da9b5b 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(32.68% 0.0496 37.27) 0.000% 20.000%, oklch(64.96% 0.1281 61.57) 20.000% 40.000%, oklch(83.07% 0.0992 83.76) 40.000% 60.000%, oklch(48.82% 0.0923 48.89) 60.000% 80.000%, oklch(73.62% 0.1102 64.74) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.05 | 37.3 |
| 2 | 0.65 | 0.128 | 61.6 |
| 3 | 0.831 | 0.099 | 83.8 |
| 4 | 0.488 | 0.092 | 48.9 |
| 5 | 0.736 | 0.11 | 64.7 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)

## Other forms

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