# Bronze, ochre and emerald zelda palette

The Bronze, ochre and emerald zelda palette brings together dark orange, orange, gold, pale orange, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Brown, yellow, beige and green linear swatches
- Seed: `kWQC8gPihCmS6QtykL-Ri9Go`
- Page: https://grabient.com/kWQC8gPihCmS6QtykL-Ri9Go?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#3a1604` | `oklch(25.20% 0.0648 45.00)` | American Bronze | white, 16.1 to 1 |
| 2 | `#885200` | `oklch(48.82% 0.1078 67.14)` | Spear Shaft | white, 6.4 to 1 |
| 3 | `#e1b60e` | `oklch(79.13% 0.1598 91.50)` | Plague Brown | black, 10.8 to 1 |
| 4 | `#ebdebd` | `oklch(90.16% 0.0455 88.33)` | Shell Haven | black, 15.6 to 1 |
| 5 | `#37853f` | `oklch(55.12% 0.1295 145.39)` | Vine | black, 4.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3a1604 0.000% 20.000%, #885200 20.000% 40.000%, #e1b60e 40.000% 60.000%, #ebdebd 60.000% 80.000%, #37853f 80.000% 100.000%);
background: linear-gradient(135deg, oklch(25.20% 0.0648 45.00) 0.000% 20.000%, oklch(48.82% 0.1078 67.14) 20.000% 40.000%, oklch(79.13% 0.1598 91.50) 40.000% 60.000%, oklch(90.16% 0.0455 88.33) 60.000% 80.000%, oklch(55.12% 0.1295 145.39) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.065 | 45 |
| 2 | 0.488 | 0.11 | 67.2 |
| 3 | 0.791 | 0.16 | 91.5 |
| 4 | 0.902 | 0.045 | 88.3 |
| 5 | 0.551 | 0.13 | 145.4 |

## In these collections

- [Zelda swatches](https://grabient.com/zelda-swatches)

## Other forms

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