# Olive enchanted forest palette

The Olive enchanted forest palette brings together dark green, green, yellow, and pale yellow. 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 pale yellow.

- Also called: Analogous dark green, olive and beige linear swatches
- Seed: `kURSBZRSg_mClPpyDr4g`
- Page: https://grabient.com/kURSBZRSg_mClPpyDr4g?style=linearSwatches&steps=4&angle=315
- Drawn as: linear swatches, 4 steps, 315 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.9 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 | `#222b12` | `oklch(27.17% 0.0441 125.16)` | Kuro Green | white, 14.8 to 1 |
| 2 | `#657927` | `oklch(54.33% 0.1102 121.99)` | Castelvetrano Olive | white, 4.8 to 1 |
| 3 | `#b4b768` | `oklch(75.98% 0.1020 110.36)` | Lime Rickey | black, 9.9 to 1 |
| 4 | `#e5dec0` | `oklch(89.76% 0.0400 95.57)` | Amish Bread | black, 15.5 to 1 |

## CSS

```css
background: linear-gradient(315deg, #222b12 0.000% 25.000%, #657927 25.000% 50.000%, #b4b768 50.000% 75.000%, #e5dec0 75.000% 100.000%);
background: linear-gradient(315deg, oklch(27.17% 0.0441 125.16) 0.000% 25.000%, oklch(54.33% 0.1102 121.99) 25.000% 50.000%, oklch(75.98% 0.1020 110.36) 50.000% 75.000%, oklch(89.76% 0.0400 95.57) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.044 | 125.2 |
| 2 | 0.543 | 0.11 | 122 |
| 3 | 0.76 | 0.102 | 110.4 |
| 4 | 0.898 | 0.04 | 95.6 |

## In these collections

- [Enchanted forest swatches](https://grabient.com/enchanted-forest-swatches)

## Other forms

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