# Woody Amber Citrus Herbs

This diagonal gradient begins in dark wood brown, warms through chestnut and amber, brightens into citrus yellow, then passes through muted yellow green before closing in herb olive. The luminous middle contrasts with the deep woody opening. Use it for fragrance packaging, ingredient stories, or layered product backgrounds that combine warm base notes with fresh citrus and herbal accents.

- Also called: Brown, orange, yellow and olive linear gradient
- Seed: `kUNREiRClBG22RHGIcNg`
- Page: https://grabient.com/kUNREiRClBG22RHGIcNg?steps=32&angle=41
- Drawn as: linear gradient, 32 steps, 41 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#21150f` | `oklch(20.87% 0.0234 47.81)` | Used Oil | white, 17.8 to 1 |
| 2 | `#271810` | `oklch(22.74% 0.0288 48.24)` | Tetsu-Guro Black | white, 17.1 to 1 |
| 3 | `#301d12` | `oklch(25.13% 0.0359 48.62)` | Coffee Grounds | white, 16 to 1 |
| 4 | `#3a2214` | `oklch(27.96% 0.0445 49.03)` | Wetlands Swamp | white, 14.7 to 1 |
| 5 | `#462816` | `oklch(31.14% 0.0541 49.49)` | Night Brown | white, 13.3 to 1 |
| 6 | `#542f18` | `oklch(34.57% 0.0642 50.08)` | Dark Catacombs | white, 11.7 to 1 |
| 7 | `#62361a` | `oklch(38.17% 0.0747 50.83)` | Chubby Chocolate | white, 10.2 to 1 |
| 8 | `#703e1c` | `oklch(41.85% 0.0849 51.81)` | Peruvian Soil | white, 8.7 to 1 |
| 9 | `#7f461d` | `oklch(45.52% 0.0946 53.06)` | Russet | white, 7.5 to 1 |
| 10 | `#8d4e1e` | `oklch(49.09% 0.1034 54.63)` | Plane Brown | white, 6.4 to 1 |
| 11 | `#99571f` | `oklch(52.47% 0.1109 56.58)` | Mammoth Wool | white, 5.5 to 1 |
| 12 | `#a56020` | `oklch(55.78% 0.1170 58.99)` | Cockatrice Brown | white, 4.8 to 1 |
| 13 | `#b26c22` | `oklch(59.51% 0.1228 61.93)` | Hardy Clay | black, 5 to 1 |
| 14 | `#bf7824` | `oklch(63.55% 0.1283 65.32)` | Maine Coon Orange | black, 5.9 to 1 |
| 15 | `#cc8628` | `oklch(67.73% 0.1334 69.06)` | Harvest at Dusk | black, 7 to 1 |
| 16 | `#d8952d` | `oklch(71.87% 0.1380 73.04)` | Golden Orange | black, 8.2 to 1 |
| 17 | `#e2a333` | `oklch(75.79% 0.1419 77.16)` | Shì Zǐ Chéng Persimmon | black, 9.5 to 1 |
| 18 | `#eab13a` | `oklch(79.34% 0.1451 81.33)` | Midsummer Gold | black, 10.8 to 1 |
| 19 | `#f0bd40` | `oklch(82.32% 0.1475 85.44)` | Golden Mary | black, 12 to 1 |
| 20 | `#f3c747` | `oklch(84.57% 0.1489 89.40)` | Lauwiliwilinukunuku’oi’oi | black, 13 to 1 |
| 21 | `#f2ce4c` | `oklch(85.91% 0.1492 93.10)` | Radiant Sun | black, 13.6 to 1 |
| 22 | `#eed14f` | `oklch(86.16% 0.1484 96.46)` | Golden Week | black, 13.8 to 1 |
| 23 | `#e5d051` | `oklch(85.10% 0.1456 99.81)` | Gamboge Yellow | black, 13.4 to 1 |
| 24 | `#d8cb51` | `oklch(82.90% 0.1412 103.20)` | Advertisement Green | black, 12.5 to 1 |
| 25 | `#c8c350` | `oklch(79.81% 0.1354 106.58)` | Anime | black, 11.3 to 1 |
| 26 | `#b7b84e` | `oklch(76.10% 0.1288 109.88)` | Japanese Fern | black, 9.9 to 1 |
| 27 | `#a5ad4b` | `oklch(72.02% 0.1216 113.06)` | Sphagnales Moss | black, 8.6 to 1 |
| 28 | `#94a048` | `oklch(67.83% 0.1143 116.04)` | Fresh Apple | black, 7.4 to 1 |
| 29 | `#859444` | `oklch(63.78% 0.1074 118.78)` | Pepper Sprout | black, 6.3 to 1 |
| 30 | `#778a41` | `oklch(60.14% 0.1011 121.22)` | Komatsuna Green | black, 5.4 to 1 |
| 31 | `#6d813e` | `oklch(57.17% 0.0960 123.30)` | Leaps and Bounds | black, 4.8 to 1 |
| 32 | `#667b3c` | `oklch(55.12% 0.0923 124.96)` | Military Green | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(41deg, #21150f 0.0%, #271810 3.2%, #301d12 6.5%, #3a2214 9.7%, #462816 12.9%, #542f18 16.1%, #62361a 19.4%, #703e1c 22.6%, #7f461d 25.8%, #8d4e1e 29.0%, #99571f 32.3%, #a56020 35.5%, #b26c22 38.7%, #bf7824 41.9%, #cc8628 45.2%, #d8952d 48.4%, #e2a333 51.6%, #eab13a 54.8%, #f0bd40 58.1%, #f3c747 61.3%, #f2ce4c 64.5%, #eed14f 67.7%, #e5d051 71.0%, #d8cb51 74.2%, #c8c350 77.4%, #b7b84e 80.6%, #a5ad4b 83.9%, #94a048 87.1%, #859444 90.3%, #778a41 93.5%, #6d813e 96.8%, #667b3c 100.0%);
background: linear-gradient(41deg in oklch, oklch(20.87% 0.0234 47.81) 0.0%, oklch(22.74% 0.0288 48.24) 3.2%, oklch(25.13% 0.0359 48.62) 6.5%, oklch(27.96% 0.0445 49.03) 9.7%, oklch(31.14% 0.0541 49.49) 12.9%, oklch(34.57% 0.0642 50.08) 16.1%, oklch(38.17% 0.0747 50.83) 19.4%, oklch(41.85% 0.0849 51.81) 22.6%, oklch(45.52% 0.0946 53.06) 25.8%, oklch(49.09% 0.1034 54.63) 29.0%, oklch(52.47% 0.1109 56.58) 32.3%, oklch(55.78% 0.1170 58.99) 35.5%, oklch(59.51% 0.1228 61.93) 38.7%, oklch(63.55% 0.1283 65.32) 41.9%, oklch(67.73% 0.1334 69.06) 45.2%, oklch(71.87% 0.1380 73.04) 48.4%, oklch(75.79% 0.1419 77.16) 51.6%, oklch(79.34% 0.1451 81.33) 54.8%, oklch(82.32% 0.1475 85.44) 58.1%, oklch(84.57% 0.1489 89.40) 61.3%, oklch(85.91% 0.1492 93.10) 64.5%, oklch(86.16% 0.1484 96.46) 67.7%, oklch(85.10% 0.1456 99.81) 71.0%, oklch(82.90% 0.1412 103.20) 74.2%, oklch(79.81% 0.1354 106.58) 77.4%, oklch(76.10% 0.1288 109.88) 80.6%, oklch(72.02% 0.1216 113.06) 83.9%, oklch(67.83% 0.1143 116.04) 87.1%, oklch(63.78% 0.1074 118.78) 90.3%, oklch(60.14% 0.1011 121.22) 93.5%, oklch(57.17% 0.0960 123.30) 96.8%, oklch(55.12% 0.0923 124.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.023 | 47.8 |
| 2 | 0.535 | 0.113 | 57.3 |
| 3 | 0.862 | 0.149 | 95.4 |
| 4 | 0.551 | 0.092 | 125 |

## In these collections

- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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