# Gold, emerald and bronze desert palette

The Gold, emerald and bronze desert palette brings together light orange, green, gold, and dark orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark orange, and its lightest tone is light orange.

- Also called: Beige, green, olive and brown angular swatches
- Seed: `kW4B0625nGMIkwQ1oLsopC6A`
- Page: https://grabient.com/kW4B0625nGMIkwQ1oLsopC6A?style=angularSwatches&steps=5&angle=20
- Drawn as: angular swatches, 5 steps, 20 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#e5d6bb` | `oklch(88.19% 0.0400 82.27)` | Palomino Mane | black, 14.6 to 1 |
| 2 | `#92af83` | `oklch(72.05% 0.0703 135.10)` | Pear Cactus | black, 8.6 to 1 |
| 3 | `#417843` | `oklch(51.97% 0.1006 144.61)` | Autumn Crocodile | white, 5.2 to 1 |
| 4 | `#554f00` | `oklch(42.13% 0.0891 104.44)` | Scorzonera Brown | white, 8.3 to 1 |
| 5 | `#382010` | `oklch(27.17% 0.0455 54.79)` | Black Slug | white, 15.1 to 1 |

## CSS

```css
background: conic-gradient(from 20deg, #e5d6bb 0.000% 20.000%, #92af83 20.000% 40.000%, #417843 40.000% 60.000%, #554f00 60.000% 80.000%, #382010 80.000% 100.000%);
background: conic-gradient(from 20deg, oklch(88.19% 0.0400 82.27) 0.000% 20.000%, oklch(72.05% 0.0703 135.10) 20.000% 40.000%, oklch(51.97% 0.1006 144.61) 40.000% 60.000%, oklch(42.13% 0.0891 104.44) 60.000% 80.000%, oklch(27.17% 0.0455 54.79) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.04 | 82.3 |
| 2 | 0.72 | 0.07 | 135.1 |
| 3 | 0.52 | 0.101 | 144.6 |
| 4 | 0.421 | 0.09 | 104.5 |
| 5 | 0.272 | 0.045 | 54.8 |

## In these collections

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

## Other forms

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