# Gold, bronze and emerald zelda palette

The Gold, bronze and emerald zelda palette brings together light orange, orange, gold, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Beige, tan, mustard and green linear swatches
- Seed: `kW4CE_2Rm-ieXvHeM0Tw69GQ`
- Page: https://grabient.com/kW4CE_2Rm-ieXvHeM0Tw69GQ?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 9.3 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 | `#e4d7b7` | `oklch(88.19% 0.0455 89.30)` | Afghan Hound | black, 14.7 to 1 |
| 2 | `#b79a6d` | `oklch(70.08% 0.0703 77.67)` | Golden Granola | black, 7.8 to 1 |
| 3 | `#4a2510` | `oklch(31.10% 0.0648 48.08)` | Brown Study | white, 13.3 to 1 |
| 4 | `#cda628` | `oklch(74.02% 0.1406 90.35)` | Lemon Curry | black, 9 to 1 |
| 5 | `#347f37` | `oklch(53.15% 0.1295 144.25)` | Lush Paradise | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e4d7b7 0.000% 20.000%, #b79a6d 20.000% 40.000%, #4a2510 40.000% 60.000%, #cda628 60.000% 80.000%, #347f37 80.000% 100.000%);
background: linear-gradient(180deg, oklch(88.19% 0.0455 89.30) 0.000% 20.000%, oklch(70.08% 0.0703 77.67) 20.000% 40.000%, oklch(31.10% 0.0648 48.08) 40.000% 60.000%, oklch(74.02% 0.1406 90.35) 60.000% 80.000%, oklch(53.15% 0.1295 144.25) 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.045 | 89.3 |
| 2 | 0.701 | 0.07 | 77.7 |
| 3 | 0.311 | 0.065 | 48.1 |
| 4 | 0.74 | 0.141 | 90.4 |
| 5 | 0.531 | 0.13 | 144.2 |

## In these collections

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

## Other forms

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