# Loden Wool and Amber: Bronze and ochre

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

- Also called: Seamless brown and gray radial gradient
- Seed: `kWbiQq9Q_DNQnPu7kUWthY24`
- Page: https://grabient.com/kWbiQq9Q_DNQnPu7kUWthY24?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#654a35` | `oklch(43.31% 0.0496 59.77)` | Black Power | white, 8.1 to 1 |
| 2 | `#715740` | `oklch(47.76% 0.0485 62.23)` | Cinnamon Crumble | white, 6.6 to 1 |
| 3 | `#836a53` | `oklch(54.29% 0.0465 65.79)` | Pastel Brown | white, 5 to 1 |
| 4 | `#98826a` | `oklch(62.09% 0.0441 70.05)` | Chocolate Moment | black, 5.7 to 1 |
| 5 | `#af9c83` | `oklch(70.38% 0.0418 74.60)` | Tatami Mat | black, 7.9 to 1 |
| 6 | `#c7b69c` | `oklch(78.34% 0.0401 79.03)` | Sourdough | black, 10.5 to 1 |
| 7 | `#dbcdb2` | `oklch(85.20% 0.0396 82.93)` | Estate Limestone | black, 13.3 to 1 |
| 8 | `#ebddc1` | `oklch(90.15% 0.0406 85.88)` | Golden Weave | black, 15.6 to 1 |
| 9 | `#f2e5c5` | `oklch(92.41% 0.0438 87.48)` | Sausalito | black, 16.7 to 1 |
| 10 | `#f3e4bf` | `oklch(92.11% 0.0505 87.29)` | Scroll of Wisdom | black, 16.6 to 1 |
| 11 | `#f0dbb1` | `oklch(89.85% 0.0600 85.71)` | Precious | black, 15.4 to 1 |
| 12 | `#e8ce9c` | `oklch(86.18% 0.0712 83.32)` | Chamois | black, 13.7 to 1 |
| 13 | `#dfbe85` | `oklch(81.61% 0.0827 80.74)` | Bag of Gold | black, 11.8 to 1 |
| 14 | `#d4ac6d` | `oklch(76.66% 0.0933 78.56)` | Earthen Sienna | black, 9.9 to 1 |
| 15 | `#c89c57` | `oklch(71.88% 0.1018 77.37)` | Liddell | black, 8.3 to 1 |
| 16 | `#bc8f44` | `oklch(67.77% 0.1067 77.79)` | Fervent Brass | black, 7.1 to 1 |
| 17 | `#b08739` | `oklch(64.68% 0.1070 80.56)` | Brass Yellow | black, 6.3 to 1 |
| 18 | `#a08133` | `oklch(61.76% 0.1025 86.49)` | Cloisonné Gold | black, 5.6 to 1 |
| 19 | `#8f7c34` | `oklch(58.90% 0.0946 94.64)` | Koke Moss | black, 5 to 1 |
| 20 | `#7d7738` | `oklch(56.14% 0.0845 103.84)` | Spanish Bistre | white, 4.5 to 1 |
| 21 | `#6d723e` | `oklch(53.54% 0.0734 112.91)` | Relentless Olive | white, 5 to 1 |
| 22 | `#616c43` | `oklch(51.16% 0.0628 120.69)` | Pandanus | white, 5.6 to 1 |
| 23 | `#596645` | `oklch(49.04% 0.0538 126.01)` | Olympia Ivy | white, 6.1 to 1 |
| 24 | `#546144` | `oklch(47.24% 0.0477 127.68)` | Boughs of Pine | white, 6.6 to 1 |
| 25 | `#525c40` | `oklch(45.82% 0.0453 124.64)` | Bavarian | white, 7 to 1 |
| 26 | `#53583b` | `oklch(44.77% 0.0452 117.15)` | Blue Black Crayfish | white, 7.4 to 1 |
| 27 | `#565536` | `oklch(44.03% 0.0468 106.52)` | Bronze Icon | white, 7.6 to 1 |
| 28 | `#5a5131` | `oklch(43.53% 0.0496 94.02)` | West Coast | white, 7.9 to 1 |
| 29 | `#5f4d2d` | `oklch(43.19% 0.0529 80.96)` | West Coast | white, 8 to 1 |
| 30 | `#644a2d` | `oklch(42.96% 0.0562 68.62)` | Dallas | white, 8.2 to 1 |
| 31 | `#67472d` | `oklch(42.76% 0.0590 58.31)` | Hickory Chips | white, 8.3 to 1 |
| 32 | `#69452f` | `oklch(42.52% 0.0606 51.31)` | Aloeswood | white, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #654a35 0.0%, #715740 3.2%, #836a53 6.5%, #98826a 9.7%, #af9c83 12.9%, #c7b69c 16.1%, #dbcdb2 19.4%, #ebddc1 22.6%, #f2e5c5 25.8%, #f3e4bf 29.0%, #f0dbb1 32.3%, #e8ce9c 35.5%, #dfbe85 38.7%, #d4ac6d 41.9%, #c89c57 45.2%, #bc8f44 48.4%, #b08739 51.6%, #a08133 54.8%, #8f7c34 58.1%, #7d7738 61.3%, #6d723e 64.5%, #616c43 67.7%, #596645 71.0%, #546144 74.2%, #525c40 77.4%, #53583b 80.6%, #565536 83.9%, #5a5131 87.1%, #5f4d2d 90.3%, #644a2d 93.5%, #67472d 96.8%, #69452f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(43.31% 0.0496 59.77) 0.0%, oklch(47.76% 0.0485 62.23) 3.2%, oklch(54.29% 0.0465 65.79) 6.5%, oklch(62.09% 0.0441 70.05) 9.7%, oklch(70.38% 0.0418 74.60) 12.9%, oklch(78.34% 0.0401 79.03) 16.1%, oklch(85.20% 0.0396 82.93) 19.4%, oklch(90.15% 0.0406 85.88) 22.6%, oklch(92.41% 0.0438 87.48) 25.8%, oklch(92.11% 0.0505 87.29) 29.0%, oklch(89.85% 0.0600 85.71) 32.3%, oklch(86.18% 0.0712 83.32) 35.5%, oklch(81.61% 0.0827 80.74) 38.7%, oklch(76.66% 0.0933 78.56) 41.9%, oklch(71.88% 0.1018 77.37) 45.2%, oklch(67.77% 0.1067 77.79) 48.4%, oklch(64.68% 0.1070 80.56) 51.6%, oklch(61.76% 0.1025 86.49) 54.8%, oklch(58.90% 0.0946 94.64) 58.1%, oklch(56.14% 0.0845 103.84) 61.3%, oklch(53.54% 0.0734 112.91) 64.5%, oklch(51.16% 0.0628 120.69) 67.7%, oklch(49.04% 0.0538 126.01) 71.0%, oklch(47.24% 0.0477 127.68) 74.2%, oklch(45.82% 0.0453 124.64) 77.4%, oklch(44.77% 0.0452 117.15) 80.6%, oklch(44.03% 0.0468 106.52) 83.9%, oklch(43.53% 0.0496 94.02) 87.1%, oklch(43.19% 0.0529 80.96) 90.3%, oklch(42.96% 0.0562 68.62) 93.5%, oklch(42.76% 0.0590 58.31) 96.8%, oklch(42.52% 0.0606 51.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.05 | 59.8 |
| 2 | 0.921 | 0.043 | 87.2 |
| 3 | 0.661 | 0.107 | 78.8 |
| 4 | 0.469 | 0.047 | 127.4 |
| 5 | 0.425 | 0.061 | 51.3 |

## In these collections

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

## Other forms

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