# Bronze, olive and emerald forest palette

The Bronze, olive and emerald forest palette brings together dark orange, orange, gold, green, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark orange, and its lightest tone is light green.

- Also called: Duotone brown to green angular gradient
- Seed: `kWOB0iMJ9CUSrxFVKcQYyDCA`
- Page: https://grabient.com/kWOB0iMJ9CUSrxFVKcQYyDCA?style=angularGradient&steps=48&angle=210
- Drawn as: angular gradient, 48 steps, 210 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#2a1409` | `oklch(22.05% 0.0400 47.81)` | Zinnwaldite Brown | white, 17.4 to 1 |
| 2 | `#2c160a` | `oklch(22.85% 0.0422 48.75)` | Zinnwaldite Brown | white, 17.1 to 1 |
| 3 | `#30180a` | `oklch(23.85% 0.0452 49.85)` | Darkout | white, 16.6 to 1 |
| 4 | `#341a0a` | `oklch(25.04% 0.0486 51.11)` | Close but No Cigar | white, 16.1 to 1 |
| 5 | `#381d0a` | `oklch(26.36% 0.0525 52.51)` | Close but No Cigar | white, 15.5 to 1 |
| 6 | `#3d200a` | `oklch(27.80% 0.0567 54.07)` | Medium Roast | white, 14.9 to 1 |
| 7 | `#432309` | `oklch(29.33% 0.0611 55.76)` | Chocolate Castle | white, 14.1 to 1 |
| 8 | `#482608` | `oklch(30.91% 0.0656 57.58)` | Ibex Brown | white, 13.4 to 1 |
| 9 | `#4e2a07` | `oklch(32.51% 0.0702 59.54)` | Brown Study | white, 12.6 to 1 |
| 10 | `#532e05` | `oklch(34.10% 0.0746 61.61)` | Kyoto House | white, 11.9 to 1 |
| 11 | `#583203` | `oklch(35.65% 0.0788 63.80)` | Eyelash Camel | white, 11.2 to 1 |
| 12 | `#5d3600` | `oklch(37.14% 0.0827 66.04)` | Chocolate Fantasies | white, 10.5 to 1 |
| 13 | `#613a00` | `oklch(38.53% 0.0843 68.41)` | Brown | white, 9.9 to 1 |
| 14 | `#643e00` | `oklch(39.90% 0.0859 71.03)` | Pullman Brown | white, 9.4 to 1 |
| 15 | `#674200` | `oklch(41.27% 0.0875 73.87)` | Violin Brown | white, 8.8 to 1 |
| 16 | `#6a4700` | `oklch(42.65% 0.0893 76.89)` | Violin Brown | white, 8.3 to 1 |
| 17 | `#6d4c00` | `oklch(44.03% 0.0912 80.06)` | Antique Bronze | white, 7.8 to 1 |
| 18 | `#6f5100` | `oklch(45.41% 0.0933 83.33)` | Field Drab | white, 7.3 to 1 |
| 19 | `#715600` | `oklch(46.77% 0.0957 86.68)` | Pickled Grape Leaves | white, 6.9 to 1 |
| 20 | `#735b00` | `oklch(48.13% 0.0984 90.07)` | Hot Mustard | white, 6.5 to 1 |
| 21 | `#756000` | `oklch(49.46% 0.1013 93.47)` | Spicy Mustard | white, 6.1 to 1 |
| 22 | `#776500` | `oklch(50.78% 0.1046 96.83)` | Arousing Alligator | white, 5.7 to 1 |
| 23 | `#786a00` | `oklch(52.06% 0.1083 100.13)` | Arousing Alligator | white, 5.4 to 1 |
| 24 | `#796f00` | `oklch(53.32% 0.1123 103.32)` | Sunlit Kelp Green | white, 5.1 to 1 |
| 25 | `#797400` | `oklch(54.55% 0.1166 106.41)` | Medusa’s Snakes | white, 4.8 to 1 |
| 26 | `#797900` | `oklch(55.74% 0.1213 109.55)` | Mongolian Plateau | white, 4.6 to 1 |
| 27 | `#787e10` | `oklch(56.92% 0.1217 112.74)` | Pacifika | black, 4.7 to 1 |
| 28 | `#77831c` | `oklch(58.07% 0.1218 115.95)` | Pacifika | black, 5 to 1 |
| 29 | `#768827` | `oklch(59.20% 0.1216 119.15)` | Elwynn Forest Olive | black, 5.2 to 1 |
| 30 | `#758c30` | `oklch(60.32% 0.1211 122.33)` | Sassy Grass | black, 5.5 to 1 |
| 31 | `#739139` | `oklch(61.41% 0.1204 125.44)` | Fresh Herb | black, 5.8 to 1 |
| 32 | `#729541` | `oklch(62.49% 0.1195 128.47)` | Lattice Green | black, 6 to 1 |
| 33 | `#709949` | `oklch(63.55% 0.1184 131.39)` | Lattice Green | black, 6.3 to 1 |
| 34 | `#6f9d51` | `oklch(64.61% 0.1172 134.16)` | Kiwi | black, 6.6 to 1 |
| 35 | `#6fa158` | `oklch(65.64% 0.1160 136.77)` | Astroturf | black, 6.9 to 1 |
| 36 | `#6ea55f` | `oklch(66.67% 0.1147 139.18)` | Dull Green | black, 7.2 to 1 |
| 37 | `#6ea966` | `oklch(67.71% 0.1133 141.40)` | Happy Cricket | black, 7.5 to 1 |
| 38 | `#6fad6d` | `oklch(68.78% 0.1115 143.51)` | Alfalfa Bug | black, 7.8 to 1 |
| 39 | `#70b074` | `oklch(69.88% 0.1094 145.49)` | Pale Green | black, 8.1 to 1 |
| 40 | `#72b47a` | `oklch(70.98% 0.1070 147.36)` | Appleton | black, 8.5 to 1 |
| 41 | `#74b781` | `oklch(72.06% 0.1045 149.10)` | Frog Pond | black, 8.8 to 1 |
| 42 | `#77ba87` | `oklch(73.12% 0.1019 150.72)` | Jade Stone Green | black, 9.1 to 1 |
| 43 | `#79be8c` | `oklch(74.14% 0.0994 152.21)` | Flashman | black, 9.5 to 1 |
| 44 | `#7cc092` | `oklch(75.09% 0.0969 153.58)` | Willow Hedge | black, 9.8 to 1 |
| 45 | `#7fc396` | `oklch(75.97% 0.0946 154.81)` | Willow Hedge | black, 10.1 to 1 |
| 46 | `#81c59b` | `oklch(76.75% 0.0926 155.91)` | Willow Hedge | black, 10.4 to 1 |
| 47 | `#84c79e` | `oklch(77.41% 0.0909 156.88)` | Foul Green | black, 10.6 to 1 |
| 48 | `#85c9a1` | `oklch(77.95% 0.0896 157.71)` | Foul Green | black, 10.8 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #2a1409 0.0%, #2c160a 2.1%, #30180a 4.3%, #341a0a 6.4%, #381d0a 8.5%, #3d200a 10.6%, #432309 12.8%, #482608 14.9%, #4e2a07 17.0%, #532e05 19.1%, #583203 21.3%, #5d3600 23.4%, #613a00 25.5%, #643e00 27.7%, #674200 29.8%, #6a4700 31.9%, #6d4c00 34.0%, #6f5100 36.2%, #715600 38.3%, #735b00 40.4%, #756000 42.6%, #776500 44.7%, #786a00 46.8%, #796f00 48.9%, #797400 51.1%, #797900 53.2%, #787e10 55.3%, #77831c 57.4%, #768827 59.6%, #758c30 61.7%, #739139 63.8%, #729541 66.0%, #709949 68.1%, #6f9d51 70.2%, #6fa158 72.3%, #6ea55f 74.5%, #6ea966 76.6%, #6fad6d 78.7%, #70b074 80.9%, #72b47a 83.0%, #74b781 85.1%, #77ba87 87.2%, #79be8c 89.4%, #7cc092 91.5%, #7fc396 93.6%, #81c59b 95.7%, #84c79e 97.9%, #85c9a1 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(22.05% 0.0400 47.81) 0.0%, oklch(22.85% 0.0422 48.75) 2.1%, oklch(23.85% 0.0452 49.85) 4.3%, oklch(25.04% 0.0486 51.11) 6.4%, oklch(26.36% 0.0525 52.51) 8.5%, oklch(27.80% 0.0567 54.07) 10.6%, oklch(29.33% 0.0611 55.76) 12.8%, oklch(30.91% 0.0656 57.58) 14.9%, oklch(32.51% 0.0702 59.54) 17.0%, oklch(34.10% 0.0746 61.61) 19.1%, oklch(35.65% 0.0788 63.80) 21.3%, oklch(37.14% 0.0827 66.04) 23.4%, oklch(38.53% 0.0843 68.41) 25.5%, oklch(39.90% 0.0859 71.03) 27.7%, oklch(41.27% 0.0875 73.87) 29.8%, oklch(42.65% 0.0893 76.89) 31.9%, oklch(44.03% 0.0912 80.06) 34.0%, oklch(45.41% 0.0933 83.33) 36.2%, oklch(46.77% 0.0957 86.68) 38.3%, oklch(48.13% 0.0984 90.07) 40.4%, oklch(49.46% 0.1013 93.47) 42.6%, oklch(50.78% 0.1046 96.83) 44.7%, oklch(52.06% 0.1083 100.13) 46.8%, oklch(53.32% 0.1123 103.32) 48.9%, oklch(54.55% 0.1166 106.41) 51.1%, oklch(55.74% 0.1213 109.55) 53.2%, oklch(56.92% 0.1217 112.74) 55.3%, oklch(58.07% 0.1218 115.95) 57.4%, oklch(59.20% 0.1216 119.15) 59.6%, oklch(60.32% 0.1211 122.33) 61.7%, oklch(61.41% 0.1204 125.44) 63.8%, oklch(62.49% 0.1195 128.47) 66.0%, oklch(63.55% 0.1184 131.39) 68.1%, oklch(64.61% 0.1172 134.16) 70.2%, oklch(65.64% 0.1160 136.77) 72.3%, oklch(66.67% 0.1147 139.18) 74.5%, oklch(67.71% 0.1133 141.40) 76.6%, oklch(68.78% 0.1115 143.51) 78.7%, oklch(69.88% 0.1094 145.49) 80.9%, oklch(70.98% 0.1070 147.36) 83.0%, oklch(72.06% 0.1045 149.10) 85.1%, oklch(73.12% 0.1019 150.72) 87.2%, oklch(74.14% 0.0994 152.21) 89.4%, oklch(75.09% 0.0969 153.58) 91.5%, oklch(75.97% 0.0946 154.81) 93.6%, oklch(76.75% 0.0926 155.91) 95.7%, oklch(77.41% 0.0909 156.88) 97.9%, oklch(77.95% 0.0896 157.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.04 | 47.8 |
| 2 | 0.382 | 0.085 | 67.9 |
| 3 | 0.539 | 0.12 | 104.9 |
| 4 | 0.669 | 0.114 | 139.7 |
| 5 | 0.78 | 0.09 | 157.7 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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