# Loden Wool and Amber: Sage and mustard

The "Loden Wool and Amber: Sage and mustard" palette brings together green, yellow, and gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Gray and yellow linear swatches
- Seed: `kWlB5w1pI92IfPFoL755rW_I`
- Page: https://grabient.com/kWlB5w1pI92IfPFoL755rW_I?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#678372` | `oklch(58.27% 0.0413 158.20)` | Ranger Green | black, 5 to 1 |
| 2 | `#819a81` | `oklch(66.03% 0.0461 144.93)` | Dinosaur | black, 6.8 to 1 |
| 3 | `#a4b281` | `oklch(73.89% 0.0691 121.17)` | Fresh Guacamole | black, 9.2 to 1 |
| 4 | `#c9c06e` | `oklch(79.65% 0.1043 102.92)` | Go Go Lime | black, 11.2 to 1 |
| 5 | `#e0c350` | `oklch(82.01% 0.1363 95.14)` | Chicco d’Oro | black, 12 to 1 |
| 6 | `#e4bb39` | `oklch(80.71% 0.1474 90.57)` | Solarium | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #678372 0.000% 16.667%, #819a81 16.667% 33.333%, #a4b281 33.333% 50.000%, #c9c06e 50.000% 66.667%, #e0c350 66.667% 83.333%, #e4bb39 83.333% 100.000%);
background: linear-gradient(180deg, oklch(58.27% 0.0413 158.20) 0.000% 16.667%, oklch(66.03% 0.0461 144.93) 16.667% 33.333%, oklch(73.89% 0.0691 121.17) 33.333% 50.000%, oklch(79.65% 0.1043 102.92) 50.000% 66.667%, oklch(82.01% 0.1363 95.14) 66.667% 83.333%, oklch(80.71% 0.1474 90.57) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.041 | 158.2 |
| 2 | 0.681 | 0.05 | 140.2 |
| 3 | 0.772 | 0.085 | 109.6 |
| 4 | 0.819 | 0.131 | 96.9 |
| 5 | 0.807 | 0.147 | 90.6 |

## In these collections

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

## Other forms

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