# Herb olive citron and amber resin fan

Herbal olive rises through citron and dry amber, descends through warm brown into dark wood tones, then returns to resinous brown and golden amber. Forty-eight angular swatches give this scent-stacking color palette two distinct warm passages separated by deep shadow. Its colors suggest citrus, herbs and resin layered over a woody base.

- Also called: Olive, brown, black and orange angular swatches
- Seed: `kWjDpZbi28Dcduubij-XLDDg`
- Page: https://grabient.com/kWjDpZbi28Dcduubij-XLDDg?style=angularSwatches&steps=48&angle=315
- Drawn as: angular swatches, 48 steps, 315 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#677a45` | `oklch(55.12% 0.0799 125.16)` | Noble Eric | white, 4.7 to 1 |
| 2 | `#6d7f47` | `oklch(56.92% 0.0825 123.57)` | Rockwall Vine | black, 4.8 to 1 |
| 3 | `#76874b` | `oklch(59.53% 0.0861 121.61)` | Green Suede | black, 5.3 to 1 |
| 4 | `#82904f` | `oklch(62.75% 0.0905 119.34)` | Camo | black, 6 to 1 |
| 5 | `#8f9b55` | `oklch(66.37% 0.0955 116.79)` | Vitality | black, 6.9 to 1 |
| 6 | `#9ea65a` | `oklch(70.20% 0.1007 114.01)` | Green Smoke | black, 8 to 1 |
| 7 | `#aeb15f` | `oklch(74.05% 0.1061 111.04)` | Palm | black, 9.2 to 1 |
| 8 | `#bdbc64` | `oklch(77.71% 0.1112 107.92)` | Kelly’s Flower | black, 10.5 to 1 |
| 9 | `#ccc568` | `oklch(81.00% 0.1159 104.69)` | Mung Bean | black, 11.7 to 1 |
| 10 | `#dacc6b` | `oklch(83.72% 0.1199 101.40)` | Gluten | black, 12.8 to 1 |
| 11 | `#e5d16d` | `oklch(85.66% 0.1230 98.10)` | Golden Rice | black, 13.6 to 1 |
| 12 | `#edd26d` | `oklch(86.64% 0.1249 94.82)` | Funky Yellow | black, 14 to 1 |
| 13 | `#f0d06b` | `oklch(86.45% 0.1254 91.59)` | Funky Yellow | black, 13.9 to 1 |
| 14 | `#f0c967` | `oklch(85.07% 0.1246 88.11)` | Butterblond | black, 13.2 to 1 |
| 15 | `#ecc062` | `oklch(82.68% 0.1227 84.32)` | Fruit Yellow | black, 12.2 to 1 |
| 16 | `#e4b35b` | `oklch(79.45% 0.1199 80.31)` | Cookie Crust | black, 10.9 to 1 |
| 17 | `#daa554` | `oklch(75.56% 0.1164 76.18)` | Pan de Coco | black, 9.4 to 1 |
| 18 | `#cd964c` | `oklch(71.18% 0.1123 72.00)` | Bengal | black, 8 to 1 |
| 19 | `#bf8645` | `oklch(66.50% 0.1078 67.88)` | Amber Sienna | black, 6.7 to 1 |
| 20 | `#b0773d` | `oklch(61.70% 0.1029 63.90)` | Gold Metal | black, 5.5 to 1 |
| 21 | `#a16837` | `oklch(56.95% 0.0979 60.14)` | Hot Ginger | white, 4.5 to 1 |
| 22 | `#925b30` | `oklch(52.43% 0.0929 56.71)` | Carrageen Moss | white, 5.5 to 1 |
| 23 | `#854f2b` | `oklch(48.32% 0.0880 53.69)` | Chestnut Glaze | white, 6.6 to 1 |
| 24 | `#794626` | `oklch(44.79% 0.0834 51.17)` | Cape Palliser | white, 7.7 to 1 |
| 25 | `#6f3f23` | `oklch(41.90% 0.0791 49.20)` | Peruvian Soil | white, 8.7 to 1 |
| 26 | `#653820` | `oklch(38.97% 0.0738 47.58)` | Cassiterite Brown | white, 9.8 to 1 |
| 27 | `#5a311c` | `oklch(35.97% 0.0677 46.27)` | Baker’s Chocolate | white, 11.1 to 1 |
| 28 | `#4f2a19` | `oklch(33.00% 0.0610 45.26)` | Bittersweet Chocolate | white, 12.4 to 1 |
| 29 | `#442516` | `oklch(30.14% 0.0542 44.53)` | Duqqa Brown | white, 13.8 to 1 |
| 30 | `#3b1f13` | `oklch(27.49% 0.0475 44.08)` | Délicieux au Chocolat | white, 15 to 1 |
| 31 | `#321b11` | `oklch(25.15% 0.0412 43.90)` | Close but No Cigar | white, 16.1 to 1 |
| 32 | `#2b180f` | `oklch(23.21% 0.0356 43.98)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 33 | `#26150e` | `oklch(21.77% 0.0311 44.30)` | Used Oil | white, 17.5 to 1 |
| 34 | `#23140d` | `oklch(20.92% 0.0280 44.87)` | Bighorn Sheep | white, 17.8 to 1 |
| 35 | `#22140d` | `oklch(20.75% 0.0265 45.66)` | Bighorn Sheep | white, 17.9 to 1 |
| 36 | `#24150e` | `oklch(21.37% 0.0271 46.67)` | Used Oil | white, 17.6 to 1 |
| 37 | `#291810` | `oklch(22.98% 0.0301 48.03)` | Tetsu-Guro Black | white, 17 to 1 |
| 38 | `#321e14` | `oklch(25.83% 0.0357 49.99)` | Scorched | white, 15.7 to 1 |
| 39 | `#3e2718` | `oklch(29.71% 0.0436 52.45)` | Woodsy Brown | white, 13.9 to 1 |
| 40 | `#4e311d` | `oklch(34.37% 0.0533 55.30)` | Dark Wood Grain | white, 11.7 to 1 |
| 41 | `#603e21` | `oklch(39.61% 0.0641 58.41)` | Cassiterite Brown | white, 9.5 to 1 |
| 42 | `#744b26` | `oklch(45.18% 0.0758 61.67)` | Vintage Wood | white, 7.5 to 1 |
| 43 | `#885a2a` | `oklch(50.86% 0.0876 64.95)` | Treacle | white, 5.9 to 1 |
| 44 | `#9c6a2d` | `oklch(56.42% 0.0993 68.15)` | Stage Gold | white, 4.6 to 1 |
| 45 | `#ae7930` | `oklch(61.62% 0.1102 71.13)` | Butterbeer | black, 5.5 to 1 |
| 46 | `#be8632` | `oklch(66.25% 0.1199 73.78)` | Gordal Olive | black, 6.6 to 1 |
| 47 | `#cc9233` | `oklch(70.06% 0.1279 75.97)` | Alameda Ochre | black, 7.7 to 1 |
| 48 | `#d59b34` | `oklch(72.83% 0.1337 77.60)` | Trinket | black, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #677a45 0.000% 2.083%, #6d7f47 2.083% 4.167%, #76874b 4.167% 6.250%, #82904f 6.250% 8.333%, #8f9b55 8.333% 10.417%, #9ea65a 10.417% 12.500%, #aeb15f 12.500% 14.583%, #bdbc64 14.583% 16.667%, #ccc568 16.667% 18.750%, #dacc6b 18.750% 20.833%, #e5d16d 20.833% 22.917%, #edd26d 22.917% 25.000%, #f0d06b 25.000% 27.083%, #f0c967 27.083% 29.167%, #ecc062 29.167% 31.250%, #e4b35b 31.250% 33.333%, #daa554 33.333% 35.417%, #cd964c 35.417% 37.500%, #bf8645 37.500% 39.583%, #b0773d 39.583% 41.667%, #a16837 41.667% 43.750%, #925b30 43.750% 45.833%, #854f2b 45.833% 47.917%, #794626 47.917% 50.000%, #6f3f23 50.000% 52.083%, #653820 52.083% 54.167%, #5a311c 54.167% 56.250%, #4f2a19 56.250% 58.333%, #442516 58.333% 60.417%, #3b1f13 60.417% 62.500%, #321b11 62.500% 64.583%, #2b180f 64.583% 66.667%, #26150e 66.667% 68.750%, #23140d 68.750% 70.833%, #22140d 70.833% 72.917%, #24150e 72.917% 75.000%, #291810 75.000% 77.083%, #321e14 77.083% 79.167%, #3e2718 79.167% 81.250%, #4e311d 81.250% 83.333%, #603e21 83.333% 85.417%, #744b26 85.417% 87.500%, #885a2a 87.500% 89.583%, #9c6a2d 89.583% 91.667%, #ae7930 91.667% 93.750%, #be8632 93.750% 95.833%, #cc9233 95.833% 97.917%, #d59b34 97.917% 100.000%);
background: conic-gradient(from 315deg, oklch(55.12% 0.0799 125.16) 0.000% 2.083%, oklch(56.92% 0.0825 123.57) 2.083% 4.167%, oklch(59.53% 0.0861 121.61) 4.167% 6.250%, oklch(62.75% 0.0905 119.34) 6.250% 8.333%, oklch(66.37% 0.0955 116.79) 8.333% 10.417%, oklch(70.20% 0.1007 114.01) 10.417% 12.500%, oklch(74.05% 0.1061 111.04) 12.500% 14.583%, oklch(77.71% 0.1112 107.92) 14.583% 16.667%, oklch(81.00% 0.1159 104.69) 16.667% 18.750%, oklch(83.72% 0.1199 101.40) 18.750% 20.833%, oklch(85.66% 0.1230 98.10) 20.833% 22.917%, oklch(86.64% 0.1249 94.82) 22.917% 25.000%, oklch(86.45% 0.1254 91.59) 25.000% 27.083%, oklch(85.07% 0.1246 88.11) 27.083% 29.167%, oklch(82.68% 0.1227 84.32) 29.167% 31.250%, oklch(79.45% 0.1199 80.31) 31.250% 33.333%, oklch(75.56% 0.1164 76.18) 33.333% 35.417%, oklch(71.18% 0.1123 72.00) 35.417% 37.500%, oklch(66.50% 0.1078 67.88) 37.500% 39.583%, oklch(61.70% 0.1029 63.90) 39.583% 41.667%, oklch(56.95% 0.0979 60.14) 41.667% 43.750%, oklch(52.43% 0.0929 56.71) 43.750% 45.833%, oklch(48.32% 0.0880 53.69) 45.833% 47.917%, oklch(44.79% 0.0834 51.17) 47.917% 50.000%, oklch(41.90% 0.0791 49.20) 50.000% 52.083%, oklch(38.97% 0.0738 47.58) 52.083% 54.167%, oklch(35.97% 0.0677 46.27) 54.167% 56.250%, oklch(33.00% 0.0610 45.26) 56.250% 58.333%, oklch(30.14% 0.0542 44.53) 58.333% 60.417%, oklch(27.49% 0.0475 44.08) 60.417% 62.500%, oklch(25.15% 0.0412 43.90) 62.500% 64.583%, oklch(23.21% 0.0356 43.98) 64.583% 66.667%, oklch(21.77% 0.0311 44.30) 66.667% 68.750%, oklch(20.92% 0.0280 44.87) 68.750% 70.833%, oklch(20.75% 0.0265 45.66) 70.833% 72.917%, oklch(21.37% 0.0271 46.67) 72.917% 75.000%, oklch(22.98% 0.0301 48.03) 75.000% 77.083%, oklch(25.83% 0.0357 49.99) 77.083% 79.167%, oklch(29.71% 0.0436 52.45) 79.167% 81.250%, oklch(34.37% 0.0533 55.30) 81.250% 83.333%, oklch(39.61% 0.0641 58.41) 83.333% 85.417%, oklch(45.18% 0.0758 61.67) 85.417% 87.500%, oklch(50.86% 0.0876 64.95) 87.500% 89.583%, oklch(56.42% 0.0993 68.15) 89.583% 91.667%, oklch(61.62% 0.1102 71.13) 91.667% 93.750%, oklch(66.25% 0.1199 73.78) 93.750% 95.833%, oklch(70.06% 0.1279 75.97) 95.833% 97.917%, oklch(72.83% 0.1337 77.60) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.08 | 125.2 |
| 2 | 0.866 | 0.125 | 92.4 |
| 3 | 0.433 | 0.081 | 50.1 |
| 4 | 0.217 | 0.028 | 47 |
| 5 | 0.728 | 0.134 | 77.6 |

## In these collections

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

## Other forms

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