# Forest green and gold oktoberfest palette

The Forest green and gold oktoberfest palette brings together green, gold, pale orange, and orange. 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 green, and its lightest tone is pale orange.

- Also called: Dark green, off-white and brown angular swatches
- Seed: `kUVkFnYja4neJP1Jq79A`
- Page: https://grabient.com/kUVkFnYja4neJP1Jq79A?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: light center, pastel, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.5 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 | `#124317` | `oklch(33.86% 0.0896 144.84)` | Realm of the Underworld | white, 11.4 to 1 |
| 2 | `#e3aa24` | `oklch(77.17% 0.1502 82.50)` | Dried Goldenrod | black, 10 to 1 |
| 3 | `#f5eada` | `oklch(94.09% 0.0248 77.21)` | Saltbox | black, 17.6 to 1 |
| 4 | `#a56c0e` | `oklch(57.87% 0.1199 71.93)` | Buckthorn Brown | black, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #124317 0.000% 25.000%, #e3aa24 25.000% 50.000%, #f5eada 50.000% 75.000%, #a56c0e 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(33.86% 0.0896 144.84) 0.000% 25.000%, oklch(77.17% 0.1502 82.50) 25.000% 50.000%, oklch(94.09% 0.0248 77.21) 50.000% 75.000%, oklch(57.87% 0.1199 71.93) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.09 | 144.8 |
| 2 | 0.772 | 0.15 | 82.5 |
| 3 | 0.941 | 0.025 | 77.2 |
| 4 | 0.579 | 0.12 | 71.9 |

## In these collections

- [Oktoberfest swatches](https://grabient.com/oktoberfest-swatches)

## Other forms

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