# Loden Wool and Amber: Orange and olive

The "Loden Wool and Amber: Orange and olive" palette brings together orange, gold, green, dark green, and dark 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 dark green, and its lightest tone is orange.

- Also called: Orange, dark green and brown radial gradient
- Seed: `kYq2ssyCZCzkeQ8rmUIoow_SKQNW`
- Page: https://grabient.com/kYq2ssyCZCzkeQ8rmUIoow_SKQNW?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#d57e18` | `oklch(67.32% 0.1474 62.58)` | Orange Pepper | black, 6.8 to 1 |
| 2 | `#cd7e16` | `oklch(66.22% 0.1427 65.03)` | Yamabukicha Gold | black, 6.5 to 1 |
| 3 | `#c37c15` | `oklch(64.72% 0.1361 68.32)` | Turmeric Brown | black, 6.2 to 1 |
| 4 | `#b87a16` | `oklch(62.94% 0.1283 72.26)` | Caramel Coating | black, 5.8 to 1 |
| 5 | `#ab7819` | `oklch(60.98% 0.1201 76.65)` | Falafel | black, 5.4 to 1 |
| 6 | `#9f751c` | `oklch(58.99% 0.1123 81.28)` | Barbarian Leather | black, 5 to 1 |
| 7 | `#93721e` | `oklch(57.06% 0.1058 85.96)` | Puma | black, 4.6 to 1 |
| 8 | `#886f1e` | `oklch(55.22% 0.1008 90.80)` | Corn Harvest | white, 4.8 to 1 |
| 9 | `#7d6c1f` | `oklch(53.31% 0.0966 96.19)` | Tarnished Brass | white, 5.1 to 1 |
| 10 | `#72691f` | `oklch(51.37% 0.0929 101.87)` | Spicy Mustard | white, 5.6 to 1 |
| 11 | `#676520` | `oklch(49.42% 0.0897 107.57)` | Greenish Brown | white, 6 to 1 |
| 12 | `#5d6121` | `oklch(47.49% 0.0867 113.01)` | Kirchner Green | white, 6.5 to 1 |
| 13 | `#535d21` | `oklch(45.61% 0.0838 117.90)` | Obscure Olive | white, 7.1 to 1 |
| 14 | `#4a5922` | `oklch(43.79% 0.0811 122.13)` | Obscure Olive | white, 7.6 to 1 |
| 15 | `#425521` | `oklch(41.97% 0.0791 126.13)` | Verdun Green | white, 8.2 to 1 |
| 16 | `#3a5020` | `oklch(40.16% 0.0774 129.83)` | Chestnut Green | white, 8.9 to 1 |
| 17 | `#334c1f` | `oklch(38.40% 0.0758 133.11)` | Chestnut Green | white, 9.5 to 1 |
| 18 | `#2c481e` | `oklch(36.71% 0.0738 135.82)` | Treetop Cathedral | white, 10.2 to 1 |
| 19 | `#27431d` | `oklch(35.14% 0.0711 137.84)` | Myrtle | white, 10.9 to 1 |
| 20 | `#243f1c` | `oklch(33.68% 0.0671 139.17)` | Queen of Trees | white, 11.6 to 1 |
| 21 | `#213b1c` | `oklch(32.27% 0.0614 140.76)` | Queen of Trees | white, 12.2 to 1 |
| 22 | `#1f371d` | `oklch(30.93% 0.0545 142.22)` | Deep Fir | white, 12.9 to 1 |
| 23 | `#1e331d` | `oklch(29.69% 0.0473 142.79)` | Pumpkin Green Black | white, 13.5 to 1 |
| 24 | `#1f2f1c` | `oklch(28.60% 0.0407 141.74)` | Méi Hēi Coal | white, 14.1 to 1 |
| 25 | `#1f2c1b` | `oklch(27.71% 0.0356 138.32)` | Kuro Green | white, 14.5 to 1 |
| 26 | `#212a19` | `oklch(27.06% 0.0327 131.73)` | Kuro Green | white, 14.9 to 1 |
| 27 | `#242816` | `oklch(26.72% 0.0324 120.11)` | Kuro Green | white, 15.1 to 1 |
| 28 | `#282612` | `oklch(26.64% 0.0340 104.44)` | Black Mesa | white, 15.1 to 1 |
| 29 | `#2e2510` | `oklch(26.74% 0.0366 86.89)` | Black Slug | white, 15.2 to 1 |
| 30 | `#33230f` | `oklch(26.92% 0.0397 69.62)` | Black Slug | white, 15.1 to 1 |
| 31 | `#372111` | `oklch(27.09% 0.0424 54.81)` | Black Slug | white, 15.1 to 1 |
| 32 | `#391f14` | `oklch(27.17% 0.0441 44.61)` | Scorched | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d57e18 0.0%, #cd7e16 3.2%, #c37c15 6.5%, #b87a16 9.7%, #ab7819 12.9%, #9f751c 16.1%, #93721e 19.4%, #886f1e 22.6%, #7d6c1f 25.8%, #72691f 29.0%, #676520 32.3%, #5d6121 35.5%, #535d21 38.7%, #4a5922 41.9%, #425521 45.2%, #3a5020 48.4%, #334c1f 51.6%, #2c481e 54.8%, #27431d 58.1%, #243f1c 61.3%, #213b1c 64.5%, #1f371d 67.7%, #1e331d 71.0%, #1f2f1c 74.2%, #1f2c1b 77.4%, #212a19 80.6%, #242816 83.9%, #282612 87.1%, #2e2510 90.3%, #33230f 93.5%, #372111 96.8%, #391f14 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.1474 62.58) 0.0%, oklch(66.22% 0.1427 65.03) 3.2%, oklch(64.72% 0.1361 68.32) 6.5%, oklch(62.94% 0.1283 72.26) 9.7%, oklch(60.98% 0.1201 76.65) 12.9%, oklch(58.99% 0.1123 81.28) 16.1%, oklch(57.06% 0.1058 85.96) 19.4%, oklch(55.22% 0.1008 90.80) 22.6%, oklch(53.31% 0.0966 96.19) 25.8%, oklch(51.37% 0.0929 101.87) 29.0%, oklch(49.42% 0.0897 107.57) 32.3%, oklch(47.49% 0.0867 113.01) 35.5%, oklch(45.61% 0.0838 117.90) 38.7%, oklch(43.79% 0.0811 122.13) 41.9%, oklch(41.97% 0.0791 126.13) 45.2%, oklch(40.16% 0.0774 129.83) 48.4%, oklch(38.40% 0.0758 133.11) 51.6%, oklch(36.71% 0.0738 135.82) 54.8%, oklch(35.14% 0.0711 137.84) 58.1%, oklch(33.68% 0.0671 139.17) 61.3%, oklch(32.27% 0.0614 140.76) 64.5%, oklch(30.93% 0.0545 142.22) 67.7%, oklch(29.69% 0.0473 142.79) 71.0%, oklch(28.60% 0.0407 141.74) 74.2%, oklch(27.71% 0.0356 138.32) 77.4%, oklch(27.06% 0.0327 131.73) 80.6%, oklch(26.72% 0.0324 120.11) 83.9%, oklch(26.64% 0.0340 104.44) 87.1%, oklch(26.74% 0.0366 86.89) 90.3%, oklch(26.92% 0.0397 69.62) 93.5%, oklch(27.09% 0.0424 54.81) 96.8%, oklch(27.17% 0.0441 44.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.147 | 62.6 |
| 2 | 0.567 | 0.105 | 86.9 |
| 3 | 0.449 | 0.083 | 119.6 |
| 4 | 0.343 | 0.069 | 138.7 |
| 5 | 0.272 | 0.033 | 133.4 |
| 6 | 0.272 | 0.044 | 44.6 |

## In these collections

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

## Other forms

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