# Green and Gold: Near-black and forest green

The "Green and Gold: Near-black and forest green" palette brings together dark green, green, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is gold.

- Also called: Analogous black, dark green and tan linear swatches
- Seed: `kWNBh3IhM-6ubP23oT86ya6A`
- Page: https://grabient.com/kWNBh3IhM-6ubP23oT86ya6A?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#061c14` | `oklch(20.47% 0.0331 167.34)` | Pinch of Pepper | white, 17.7 to 1 |
| 2 | `#092d1c` | `oklch(26.77% 0.0524 158.89)` | Bush | white, 14.8 to 1 |
| 3 | `#0f4427` | `oklch(34.25% 0.0744 154.66)` | Lost in the Woods | white, 11.2 to 1 |
| 4 | `#295f34` | `oklch(43.70% 0.0909 148.32)` | Derbyshire | white, 7.5 to 1 |
| 5 | `#ddcd79` | `oklch(84.25% 0.1061 98.65)` | Sand Pyramid | black, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #061c14 0.000% 20.000%, #092d1c 20.000% 40.000%, #0f4427 40.000% 60.000%, #295f34 60.000% 80.000%, #ddcd79 80.000% 100.000%);
background: linear-gradient(90deg, oklch(20.47% 0.0331 167.34) 0.000% 20.000%, oklch(26.77% 0.0524 158.89) 20.000% 40.000%, oklch(34.25% 0.0744 154.66) 40.000% 60.000%, oklch(43.70% 0.0909 148.32) 60.000% 80.000%, oklch(84.25% 0.1061 98.65) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.033 | 167.3 |
| 2 | 0.268 | 0.052 | 158.9 |
| 3 | 0.343 | 0.074 | 154.7 |
| 4 | 0.437 | 0.091 | 148.3 |
| 5 | 0.843 | 0.106 | 98.7 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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