# Near-black, moss and gold zelda palette

The Near-black, moss and gold zelda palette brings together dark green, green, gold, and light yellow. 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 dark green, and its lightest tone is light yellow.

- Also called: Black, dark green, olive and beige angular swatches
- Seed: `kWLiFrsaC-kioPdbpLtZxDBA`
- Page: https://grabient.com/kWLiFrsaC-kioPdbpLtZxDBA?style=angularSwatches&steps=5&angle=40
- Drawn as: angular swatches, 5 steps, 40 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#011707` | `oklch(18.11% 0.0455 151.17)` | Oil Slick | white, 18.6 to 1 |
| 2 | `#29501f` | `oklch(38.98% 0.0896 139.55)` | Chestnut Green | white, 9.2 to 1 |
| 3 | `#6d812f` | `oklch(57.09% 0.1102 121.58)` | Swamp Moss | black, 4.8 to 1 |
| 4 | `#c49f57` | `oklch(72.05% 0.1006 82.48)` | Camel | black, 8.4 to 1 |
| 5 | `#ccc1a0` | `oklch(81.10% 0.0455 91.99)` | Moth | black, 11.6 to 1 |

## CSS

```css
background: conic-gradient(from 40deg, #011707 0.000% 20.000%, #29501f 20.000% 40.000%, #6d812f 40.000% 60.000%, #c49f57 60.000% 80.000%, #ccc1a0 80.000% 100.000%);
background: conic-gradient(from 40deg, oklch(18.11% 0.0455 151.17) 0.000% 20.000%, oklch(38.98% 0.0896 139.55) 20.000% 40.000%, oklch(57.09% 0.1102 121.58) 40.000% 60.000%, oklch(72.05% 0.1006 82.48) 60.000% 80.000%, oklch(81.10% 0.0455 91.99) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.045 | 151.2 |
| 2 | 0.39 | 0.09 | 139.5 |
| 3 | 0.571 | 0.11 | 121.6 |
| 4 | 0.72 | 0.101 | 82.5 |
| 5 | 0.811 | 0.045 | 92 |

## In these collections

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

## Other forms

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