# Sage, ochre and bronze burnished beech canopy

The Sage, ochre and bronze burnished beech canopy brings together green, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is gold.

- Also called: Analogous olive, orange and brown linear gradient
- Seed: `kWgDVaSx8_FosO9Fq7rsBHAw`
- Page: https://grabient.com/kWgDVaSx8_FosO9Fq7rsBHAw?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#596c3d` | `oklch(50.39% 0.0730 126.56)` | Spring Onion | white, 5.7 to 1 |
| 2 | `#5b6e3e` | `oklch(51.06% 0.0739 126.17)` | Chalet Green | white, 5.5 to 1 |
| 3 | `#5e7140` | `oklch(51.94% 0.0748 125.86)` | Houseplant | white, 5.3 to 1 |
| 4 | `#617442` | `oklch(52.97% 0.0759 125.50)` | Jolly Green | white, 5.1 to 1 |
| 5 | `#657744` | `oklch(54.14% 0.0772 124.96)` | Ghoul | white, 4.9 to 1 |
| 6 | `#697b46` | `oklch(55.40% 0.0788 124.12)` | Quartz Green | white, 4.6 to 1 |
| 7 | `#6e7e47` | `oklch(56.72% 0.0808 122.84)` | Quartz Green | black, 4.7 to 1 |
| 8 | `#738248` | `oklch(58.06% 0.0833 121.00)` | Grasshopper | black, 5 to 1 |
| 9 | `#798648` | `oklch(59.40% 0.0863 118.46)` | Fresh Artichoke | black, 5.3 to 1 |
| 10 | `#818a48` | `oklch(61.09% 0.0903 115.18)` | Sea Turtle | black, 5.6 to 1 |
| 11 | `#8c8f47` | `oklch(63.09% 0.0952 111.27)` | Martina Olive | black, 6.1 to 1 |
| 12 | `#979446` | `oklch(65.21% 0.1007 106.86)` | Luau Green | black, 6.6 to 1 |
| 13 | `#a39844` | `oklch(67.25% 0.1063 102.08)` | Prickly Pear | black, 7.1 to 1 |
| 14 | `#af9b42` | `oklch(69.01% 0.1116 97.06)` | Golden Olive | black, 7.6 to 1 |
| 15 | `#b99d3f` | `oklch(70.29% 0.1163 91.92)` | Tiki Torch | black, 7.9 to 1 |
| 16 | `#c29c3d` | `oklch(70.89% 0.1200 86.80)` | Golden Mean | black, 8 to 1 |
| 17 | `#c6983a` | `oklch(70.62% 0.1224 81.68)` | Golden Spice | black, 7.9 to 1 |
| 18 | `#c99136` | `oklch(69.51% 0.1244 75.83)` | Mecca Gold | black, 7.5 to 1 |
| 19 | `#c98833` | `oklch(67.76% 0.1260 69.45)` | Gentleman’s Whiskey | black, 7 to 1 |
| 20 | `#c77d31` | `oklch(65.52% 0.1271 62.93)` | Exotic Honey | black, 6.4 to 1 |
| 21 | `#c27331` | `oklch(62.98% 0.1273 56.62)` | Orange Squash | black, 5.7 to 1 |
| 22 | `#bc6832` | `oklch(60.30% 0.1265 50.88)` | Dwarven Bronze | black, 5.1 to 1 |
| 23 | `#b45f33` | `oklch(57.68% 0.1245 46.10)` | Gold Varnish Brown | black, 4.6 to 1 |
| 24 | `#ac5734` | `oklch(55.27% 0.1210 42.64)` | Flat Earth | white, 5 to 1 |
| 25 | `#a25233` | `oklch(53.05% 0.1154 40.81)` | Taisha Red | white, 5.5 to 1 |
| 26 | `#974d32` | `oklch(50.62% 0.1070 40.48)` | Japanese Cypress | white, 6.1 to 1 |
| 27 | `#8b4930` | `oklch(48.09% 0.0967 41.28)` | Gingerbread | white, 6.7 to 1 |
| 28 | `#7e462e` | `oklch(45.56% 0.0854 42.85)` | Sunbathing Beauty | white, 7.5 to 1 |
| 29 | `#72422d` | `oklch(43.15% 0.0740 44.81)` | Heartwood | white, 8.2 to 1 |
| 30 | `#673f2c` | `oklch(40.98% 0.0634 46.81)` | Grilled | white, 9 to 1 |
| 31 | `#5d3c2b` | `oklch(39.16% 0.0545 48.47)` | Tropical Wood Brown | white, 9.7 to 1 |
| 32 | `#573a2a` | `oklch(37.80% 0.0482 49.42)` | Tuk Tuk | white, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #596c3d 0.0%, #5b6e3e 3.2%, #5e7140 6.5%, #617442 9.7%, #657744 12.9%, #697b46 16.1%, #6e7e47 19.4%, #738248 22.6%, #798648 25.8%, #818a48 29.0%, #8c8f47 32.3%, #979446 35.5%, #a39844 38.7%, #af9b42 41.9%, #b99d3f 45.2%, #c29c3d 48.4%, #c6983a 51.6%, #c99136 54.8%, #c98833 58.1%, #c77d31 61.3%, #c27331 64.5%, #bc6832 67.7%, #b45f33 71.0%, #ac5734 74.2%, #a25233 77.4%, #974d32 80.6%, #8b4930 83.9%, #7e462e 87.1%, #72422d 90.3%, #673f2c 93.5%, #5d3c2b 96.8%, #573a2a 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.39% 0.0730 126.56) 0.0%, oklch(51.06% 0.0739 126.17) 3.2%, oklch(51.94% 0.0748 125.86) 6.5%, oklch(52.97% 0.0759 125.50) 9.7%, oklch(54.14% 0.0772 124.96) 12.9%, oklch(55.40% 0.0788 124.12) 16.1%, oklch(56.72% 0.0808 122.84) 19.4%, oklch(58.06% 0.0833 121.00) 22.6%, oklch(59.40% 0.0863 118.46) 25.8%, oklch(61.09% 0.0903 115.18) 29.0%, oklch(63.09% 0.0952 111.27) 32.3%, oklch(65.21% 0.1007 106.86) 35.5%, oklch(67.25% 0.1063 102.08) 38.7%, oklch(69.01% 0.1116 97.06) 41.9%, oklch(70.29% 0.1163 91.92) 45.2%, oklch(70.89% 0.1200 86.80) 48.4%, oklch(70.62% 0.1224 81.68) 51.6%, oklch(69.51% 0.1244 75.83) 54.8%, oklch(67.76% 0.1260 69.45) 58.1%, oklch(65.52% 0.1271 62.93) 61.3%, oklch(62.98% 0.1273 56.62) 64.5%, oklch(60.30% 0.1265 50.88) 67.7%, oklch(57.68% 0.1245 46.10) 71.0%, oklch(55.27% 0.1210 42.64) 74.2%, oklch(53.05% 0.1154 40.81) 77.4%, oklch(50.62% 0.1070 40.48) 80.6%, oklch(48.09% 0.0967 41.28) 83.9%, oklch(45.56% 0.0854 42.85) 87.1%, oklch(43.15% 0.0740 44.81) 90.3%, oklch(40.98% 0.0634 46.81) 93.5%, oklch(39.16% 0.0545 48.47) 96.8%, oklch(37.80% 0.0482 49.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.073 | 126.6 |
| 2 | 0.591 | 0.085 | 119.2 |
| 3 | 0.709 | 0.121 | 84.3 |
| 4 | 0.547 | 0.12 | 42 |
| 5 | 0.378 | 0.048 | 49.4 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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