# Clay Brown Warm Sand Dark Earth Brown

These angular swatch wedges move through clay brown, warm sand, dark earth brown, ochre, and pale amber 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, tan and orange angular swatches
- Seed: `kWfEMjXahBymSPLSrsLaaRCg`
- Page: https://grabient.com/kWfEMjXahBymSPLSrsLaaRCg?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: dark 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 | `#894f2d` | `oklch(48.82% 0.0923 49.22)` | Chestnut Glaze | white, 6.5 to 1 |
| 2 | `#d99b5b` | `oklch(73.62% 0.1102 65.07)` | Stunning Gold | black, 8.7 to 1 |
| 3 | `#4a2b22` | `oklch(32.68% 0.0496 37.59)` | Couch | white, 12.6 to 1 |
| 4 | `#c67b2f` | `oklch(64.96% 0.1281 61.90)` | Maine Coon Orange | black, 6.2 to 1 |
| 5 | `#e6c27b` | `oklch(83.07% 0.0992 84.09)` | Celebration | black, 12.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #894f2d 0.000% 20.000%, #d99b5b 20.000% 40.000%, #4a2b22 40.000% 60.000%, #c67b2f 60.000% 80.000%, #e6c27b 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(48.82% 0.0923 49.22) 0.000% 20.000%, oklch(73.62% 0.1102 65.07) 20.000% 40.000%, oklch(32.68% 0.0496 37.59) 40.000% 60.000%, oklch(64.96% 0.1281 61.90) 60.000% 80.000%, oklch(83.07% 0.0992 84.09) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.092 | 49.2 |
| 2 | 0.736 | 0.11 | 65.1 |
| 3 | 0.327 | 0.05 | 37.6 |
| 4 | 0.65 | 0.128 | 61.9 |
| 5 | 0.831 | 0.099 | 84.1 |

## In these collections

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

## Other forms

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