# Forest green loden wool and amber

The Forest green loden wool and amber brings together dark green, green, gold, and orange. The colors span a moderate 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: Dark green, olive, tan and brown linear swatches
- Seed: `kYSh10uCI91AsvRbLrv0LC8rilPq`
- Page: https://grabient.com/kYSh10uCI91AsvRbLrv0LC8rilPq?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.4 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 | `#173226` | `oklch(29.13% 0.0400 163.83)` | Intense Green | white, 13.8 to 1 |
| 2 | `#2c6031` | `oklch(44.09% 0.0937 145.86)` | Deep Into the Wood | white, 7.4 to 1 |
| 3 | `#7e9436` | `oklch(62.99% 0.1226 121.56)` | Antique Moss | black, 6.1 to 1 |
| 4 | `#c59e34` | `oklch(71.65% 0.1281 87.74)` | Golden Mean | black, 8.3 to 1 |
| 5 | `#c47424` | `oklch(63.39% 0.1337 60.27)` | October | black, 5.8 to 1 |
| 6 | `#7f4017` | `oklch(44.49% 0.1020 49.70)` | Russet | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #173226 0.000% 16.667%, #2c6031 16.667% 33.333%, #7e9436 33.333% 50.000%, #c59e34 50.000% 66.667%, #c47424 66.667% 83.333%, #7f4017 83.333% 100.000%);
background: linear-gradient(135deg, oklch(29.13% 0.0400 163.83) 0.000% 16.667%, oklch(44.09% 0.0937 145.86) 16.667% 33.333%, oklch(62.99% 0.1226 121.56) 33.333% 50.000%, oklch(71.65% 0.1281 87.74) 50.000% 66.667%, oklch(63.39% 0.1337 60.27) 66.667% 83.333%, oklch(44.49% 0.1020 49.70) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.04 | 163.8 |
| 2 | 0.441 | 0.094 | 145.9 |
| 3 | 0.63 | 0.123 | 121.6 |
| 4 | 0.717 | 0.128 | 87.7 |
| 5 | 0.634 | 0.134 | 60.3 |
| 6 | 0.445 | 0.102 | 49.7 |

## In these collections

- [Loden wool and amber](https://grabient.com/loden-wool-and-amber)

## Other forms

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