# Loden Wool and Amber: Gold and sage

The "Loden Wool and Amber: Gold and sage" palette brings together light yellow, light green, green, yellow, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is light yellow.

- Also called: Beige, gray, brown and orange radial gradient
- Seed: `ka3SZG5JDCs-TRC7EkBthM3sapvFZssDg`
- Page: https://grabient.com/ka3SZG5JDCs-TRC7EkBthM3sapvFZssDg?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#dcd5ae` | `oklch(87.01% 0.0524 99.14)` | Morning Moor | black, 14.2 to 1 |
| 2 | `#d8d3ad` | `oklch(86.11% 0.0513 101.99)` | Dull Sage | black, 13.8 to 1 |
| 3 | `#d1d0ab` | `oklch(84.93% 0.0496 105.87)` | Crystal Palace | black, 13.3 to 1 |
| 4 | `#cacca9` | `oklch(83.45% 0.0477 110.56)` | Baize Green | black, 12.7 to 1 |
| 5 | `#c1c7a5` | `oklch(81.65% 0.0462 115.82)` | Sage Splendour | black, 12 to 1 |
| 6 | `#b7c1a1` | `oklch(79.52% 0.0455 121.44)` | Chopped Dill | black, 11.1 to 1 |
| 7 | `#acba9b` | `oklch(76.95% 0.0459 127.81)` | Chrysoprase | black, 10.2 to 1 |
| 8 | `#9eb294` | `oklch(73.89% 0.0473 135.49)` | Soap Green | black, 9.2 to 1 |
| 9 | `#8ea88d` | `oklch(70.52% 0.0491 143.54)` | Alga Moss | black, 8.1 to 1 |
| 10 | `#7f9f86` | `oklch(67.05% 0.0509 150.99)` | Vineyard | black, 7.1 to 1 |
| 11 | `#71957f` | `oklch(63.67% 0.0522 156.87)` | Douglas Fir Green | black, 6.3 to 1 |
| 12 | `#668c77` | `oklch(60.41% 0.0524 160.95)` | Sea Monster | black, 5.5 to 1 |
| 13 | `#5a816f` | `oklch(56.93% 0.0520 164.64)` | Frosty Spruce | black, 4.8 to 1 |
| 14 | `#4f7767` | `oklch(53.46% 0.0512 167.18)` | Kendal Green | white, 5 to 1 |
| 15 | `#476d5e` | `oklch(50.24% 0.0503 167.67)` | Smoke Pine | white, 5.7 to 1 |
| 16 | `#416555` | `oklch(47.54% 0.0497 165.19)` | Isle of Pines | white, 6.4 to 1 |
| 17 | `#3e5f4c` | `oklch(45.52% 0.0494 158.55)` | Amish Green | white, 7 to 1 |
| 18 | `#415a43` | `oklch(43.92% 0.0482 146.54)` | Grey Asparagus | white, 7.6 to 1 |
| 19 | `#465539` | `oklch(42.74% 0.0470 131.20)` | Green Tone Ink | white, 8 to 1 |
| 20 | `#4c5132` | `oklch(42.11% 0.0469 115.01)` | Warplock Bronze | white, 8.3 to 1 |
| 21 | `#534e2e` | `oklch(42.11% 0.0491 100.42)` | Thatch Green | white, 8.3 to 1 |
| 22 | `#5b4e2b` | `oklch(42.88% 0.0548 89.64)` | West Coast | white, 8.1 to 1 |
| 23 | `#675027` | `oklch(44.62% 0.0651 81.15)` | Jungle Beat | white, 7.6 to 1 |
| 24 | `#755423` | `oklch(47.13% 0.0784 74.12)` | Bark Brown | white, 6.8 to 1 |
| 25 | `#865820` | `oklch(50.07% 0.0927 68.55)` | Grizzly | white, 6.1 to 1 |
| 26 | `#965d1d` | `oklch(53.12% 0.1058 64.45)` | Sepia Wash | white, 5.4 to 1 |
| 27 | `#a4631e` | `oklch(55.97% 0.1157 61.84)` | Cockatrice Brown | white, 4.8 to 1 |
| 28 | `#b16a20` | `oklch(59.05% 0.1230 61.58)` | Pumpkin Spice | black, 4.9 to 1 |
| 29 | `#bd7422` | `oklch(62.41% 0.1287 63.37)` | Desert Sun | black, 5.6 to 1 |
| 30 | `#c77e24` | `oklch(65.68% 0.1331 66.16)` | Mulberry Thorn | black, 6.4 to 1 |
| 31 | `#d08827` | `oklch(68.49% 0.1365 68.91)` | Copious Caramel | black, 7.2 to 1 |
| 32 | `#d68f28` | `oklch(70.47% 0.1392 70.61)` | Turmeric Tea | black, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dcd5ae 0.0%, #d8d3ad 3.2%, #d1d0ab 6.5%, #cacca9 9.7%, #c1c7a5 12.9%, #b7c1a1 16.1%, #acba9b 19.4%, #9eb294 22.6%, #8ea88d 25.8%, #7f9f86 29.0%, #71957f 32.3%, #668c77 35.5%, #5a816f 38.7%, #4f7767 41.9%, #476d5e 45.2%, #416555 48.4%, #3e5f4c 51.6%, #415a43 54.8%, #465539 58.1%, #4c5132 61.3%, #534e2e 64.5%, #5b4e2b 67.7%, #675027 71.0%, #755423 74.2%, #865820 77.4%, #965d1d 80.6%, #a4631e 83.9%, #b16a20 87.1%, #bd7422 90.3%, #c77e24 93.5%, #d08827 96.8%, #d68f28 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.01% 0.0524 99.14) 0.0%, oklch(86.11% 0.0513 101.99) 3.2%, oklch(84.93% 0.0496 105.87) 6.5%, oklch(83.45% 0.0477 110.56) 9.7%, oklch(81.65% 0.0462 115.82) 12.9%, oklch(79.52% 0.0455 121.44) 16.1%, oklch(76.95% 0.0459 127.81) 19.4%, oklch(73.89% 0.0473 135.49) 22.6%, oklch(70.52% 0.0491 143.54) 25.8%, oklch(67.05% 0.0509 150.99) 29.0%, oklch(63.67% 0.0522 156.87) 32.3%, oklch(60.41% 0.0524 160.95) 35.5%, oklch(56.93% 0.0520 164.64) 38.7%, oklch(53.46% 0.0512 167.18) 41.9%, oklch(50.24% 0.0503 167.67) 45.2%, oklch(47.54% 0.0497 165.19) 48.4%, oklch(45.52% 0.0494 158.55) 51.6%, oklch(43.92% 0.0482 146.54) 54.8%, oklch(42.74% 0.0470 131.20) 58.1%, oklch(42.11% 0.0469 115.01) 61.3%, oklch(42.11% 0.0491 100.42) 64.5%, oklch(42.88% 0.0548 89.64) 67.7%, oklch(44.62% 0.0651 81.15) 71.0%, oklch(47.13% 0.0784 74.12) 74.2%, oklch(50.07% 0.0927 68.55) 77.4%, oklch(53.12% 0.1058 64.45) 80.6%, oklch(55.97% 0.1157 61.84) 83.9%, oklch(59.05% 0.1230 61.58) 87.1%, oklch(62.41% 0.1287 63.37) 90.3%, oklch(65.68% 0.1331 66.16) 93.5%, oklch(68.49% 0.1365 68.91) 96.8%, oklch(70.47% 0.1392 70.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.052 | 99.1 |
| 2 | 0.791 | 0.045 | 122.4 |
| 3 | 0.626 | 0.052 | 158.3 |
| 4 | 0.465 | 0.05 | 162.5 |
| 5 | 0.425 | 0.052 | 92.8 |
| 6 | 0.555 | 0.114 | 62.2 |
| 7 | 0.705 | 0.139 | 70.6 |

## In these collections

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

## Other forms

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