# Ochre and dusty blue burnished beech canopy

The Ochre and dusty blue burnished beech canopy brings together gold, light orange, green, teal, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light orange.

- Also called: Tritone tan, teal and blue linear gradient
- Seed: `kWtFg78BRAUAaxI_FUdwA7GY`
- Page: https://grabient.com/kWtFg78BRAUAaxI_FUdwA7GY?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#c59a3b` | `oklch(70.87% 0.1213 83.67)` | Golden Mean | black, 8 to 1 |
| 2 | `#c9a049` | `oklch(72.65% 0.1154 83.67)` | Goldbricker | black, 8.6 to 1 |
| 3 | `#d0a95b` | `oklch(75.47% 0.1068 83.38)` | Afghan Sand | black, 9.5 to 1 |
| 4 | `#d8b570` | `oklch(78.84% 0.0966 83.02)` | Yellow Lab | black, 10.7 to 1 |
| 5 | `#e0c184` | `oklch(82.31% 0.0857 82.80)` | Gold Tint | black, 12.1 to 1 |
| 6 | `#e7cb97` | `oklch(85.41% 0.0751 82.94)` | Golden West | black, 13.4 to 1 |
| 7 | `#ebd3a5` | `oklch(87.67% 0.0657 83.63)` | Paper Moon | black, 14.4 to 1 |
| 8 | `#ebd7ae` | `oklch(88.62% 0.0585 85.10)` | Rousseau Gold | black, 14.9 to 1 |
| 9 | `#e6d5ae` | `oklch(87.78% 0.0544 87.55)` | Anise Biscotti | black, 14.5 to 1 |
| 10 | `#dacca6` | `oklch(84.82% 0.0536 90.85)` | Gabriel’s Light | black, 13.2 to 1 |
| 11 | `#c9be96` | `oklch(80.14% 0.0552 94.84)` | Morning Tea | black, 11.3 to 1 |
| 12 | `#b4ad83` | `oklch(74.35% 0.0584 99.46)` | Tarragon Tease | black, 9.2 to 1 |
| 13 | `#9e9b6e` | `oklch(68.03% 0.0625 104.62)` | Domain | black, 7.3 to 1 |
| 14 | `#87895a` | `oklch(61.79% 0.0667 110.26)` | Iguana | black, 5.7 to 1 |
| 15 | `#737b4a` | `oklch(56.21% 0.0704 116.30)` | Tara’s Drapes | black, 4.6 to 1 |
| 16 | `#61703f` | `oklch(51.89% 0.0726 122.66)` | Venom Wyrm | white, 5.4 to 1 |
| 17 | `#546a3c` | `oklch(49.30% 0.0730 129.36)` | Alfalfa Extract | white, 6 to 1 |
| 18 | `#4a673e` | `oklch(47.89% 0.0722 136.81)` | Mountain Forest | white, 6.3 to 1 |
| 19 | `#426643` | `oklch(47.35% 0.0707 144.89)` | Friendly Fairway | white, 6.5 to 1 |
| 20 | `#3c674a` | `oklch(47.44% 0.0686 153.40)` | Spirulina | white, 6.4 to 1 |
| 21 | `#386952` | `oklch(47.94% 0.0661 162.11)` | Spirulina | white, 6.3 to 1 |
| 22 | `#366b5a` | `oklch(48.61% 0.0635 170.83)` | Toad King | white, 6.1 to 1 |
| 23 | `#366d62` | `oklch(49.24% 0.0608 179.33)` | Statue of Liberty | white, 5.9 to 1 |
| 24 | `#376d68` | `oklch(49.59% 0.0584 187.42)` | Deep Pool Teal | white, 5.9 to 1 |
| 25 | `#386c6c` | `oklch(49.62% 0.0562 195.23)` | Aquarium | white, 5.9 to 1 |
| 26 | `#3a6c70` | `oklch(49.69% 0.0537 203.41)` | Aquarium | white, 5.9 to 1 |
| 27 | `#3e6b73` | `oklch(49.80% 0.0510 211.70)` | Muddy Cyan | white, 5.9 to 1 |
| 28 | `#436a76` | `oklch(49.93% 0.0483 219.80)` | Teal Mosaic | white, 5.9 to 1 |
| 29 | `#476978` | `oklch(50.07% 0.0457 227.41)` | Planet Green | white, 5.8 to 1 |
| 30 | `#4b6879` | `oklch(50.21% 0.0434 234.23)` | Before the Storm | white, 5.8 to 1 |
| 31 | `#4f687a` | `oklch(50.32% 0.0414 239.96)` | Periscope | white, 5.8 to 1 |
| 32 | `#51677a` | `oklch(50.39% 0.0400 244.30)` | Periscope | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c59a3b 0.0%, #c9a049 3.2%, #d0a95b 6.5%, #d8b570 9.7%, #e0c184 12.9%, #e7cb97 16.1%, #ebd3a5 19.4%, #ebd7ae 22.6%, #e6d5ae 25.8%, #dacca6 29.0%, #c9be96 32.3%, #b4ad83 35.5%, #9e9b6e 38.7%, #87895a 41.9%, #737b4a 45.2%, #61703f 48.4%, #546a3c 51.6%, #4a673e 54.8%, #426643 58.1%, #3c674a 61.3%, #386952 64.5%, #366b5a 67.7%, #366d62 71.0%, #376d68 74.2%, #386c6c 77.4%, #3a6c70 80.6%, #3e6b73 83.9%, #436a76 87.1%, #476978 90.3%, #4b6879 93.5%, #4f687a 96.8%, #51677a 100.0%);
background: linear-gradient(45deg in oklch, oklch(70.87% 0.1213 83.67) 0.0%, oklch(72.65% 0.1154 83.67) 3.2%, oklch(75.47% 0.1068 83.38) 6.5%, oklch(78.84% 0.0966 83.02) 9.7%, oklch(82.31% 0.0857 82.80) 12.9%, oklch(85.41% 0.0751 82.94) 16.1%, oklch(87.67% 0.0657 83.63) 19.4%, oklch(88.62% 0.0585 85.10) 22.6%, oklch(87.78% 0.0544 87.55) 25.8%, oklch(84.82% 0.0536 90.85) 29.0%, oklch(80.14% 0.0552 94.84) 32.3%, oklch(74.35% 0.0584 99.46) 35.5%, oklch(68.03% 0.0625 104.62) 38.7%, oklch(61.79% 0.0667 110.26) 41.9%, oklch(56.21% 0.0704 116.30) 45.2%, oklch(51.89% 0.0726 122.66) 48.4%, oklch(49.30% 0.0730 129.36) 51.6%, oklch(47.89% 0.0722 136.81) 54.8%, oklch(47.35% 0.0707 144.89) 58.1%, oklch(47.44% 0.0686 153.40) 61.3%, oklch(47.94% 0.0661 162.11) 64.5%, oklch(48.61% 0.0635 170.83) 67.7%, oklch(49.24% 0.0608 179.33) 71.0%, oklch(49.59% 0.0584 187.42) 74.2%, oklch(49.62% 0.0562 195.23) 77.4%, oklch(49.69% 0.0537 203.41) 80.6%, oklch(49.80% 0.0510 211.70) 83.9%, oklch(49.93% 0.0483 219.80) 87.1%, oklch(50.07% 0.0457 227.41) 90.3%, oklch(50.21% 0.0434 234.23) 93.5%, oklch(50.32% 0.0414 239.96) 96.8%, oklch(50.39% 0.0400 244.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.121 | 83.7 |
| 2 | 0.882 | 0.055 | 86.8 |
| 3 | 0.504 | 0.073 | 125.9 |
| 4 | 0.496 | 0.058 | 189.3 |
| 5 | 0.504 | 0.04 | 244.3 |

## In these collections

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

## Other forms

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