# Deep cyan and ochre burnished beech canopy

The Deep cyan and ochre burnished beech canopy brings together blue, teal, green, 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 blue, and its lightest tone is green.

- Also called: Tritone blue, green and brown angular gradient
- Seed: `kWcjinT5i5l2euNYpzwQqK-Q`
- Page: https://grabient.com/kWcjinT5i5l2euNYpzwQqK-Q?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.2 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 | `#215b79` | `oklch(44.88% 0.0772 234.84)` | Nautical Creatures | white, 7.3 to 1 |
| 2 | `#22607c` | `oklch(46.35% 0.0762 230.57)` | Blue Sapphire | white, 6.8 to 1 |
| 3 | `#26677e` | `oklch(48.36% 0.0747 224.92)` | Georgian Bay | white, 6.2 to 1 |
| 4 | `#2b6f81` | `oklch(50.76% 0.0729 218.19)` | Tlāloc Blue | white, 5.6 to 1 |
| 5 | `#337884` | `oklch(53.39% 0.0711 210.69)` | Panorama | white, 5 to 1 |
| 6 | `#3c8187` | `oklch(56.09% 0.0694 202.73)` | Pacific Sea Teal | black, 4.6 to 1 |
| 7 | `#468989` | `oklch(58.70% 0.0681 194.61)` | Sea Caller | black, 5.2 to 1 |
| 8 | `#50918a` | `oklch(61.07% 0.0675 186.64)` | Green Agate | black, 5.7 to 1 |
| 9 | `#59978a` | `oklch(63.06% 0.0677 179.09)` | Fiddler | black, 6.2 to 1 |
| 10 | `#629d8a` | `oklch(64.92% 0.0686 171.29)` | Dull Teal | black, 6.6 to 1 |
| 11 | `#6ba288` | `oklch(66.74% 0.0702 163.10)` | Quilotoa Green | black, 7.1 to 1 |
| 12 | `#76a786` | `oklch(68.46% 0.0723 154.74)` | Corporate Green | black, 7.6 to 1 |
| 13 | `#80ab83` | `oklch(70.03% 0.0747 146.41)` | Adventurine | black, 8.1 to 1 |
| 14 | `#8baf80` | `oklch(71.41% 0.0773 138.34)` | Cressida | black, 8.5 to 1 |
| 15 | `#95b17c` | `oklch(72.53% 0.0800 130.74)` | Watercolour Green | black, 8.8 to 1 |
| 16 | `#9eb278` | `oklch(73.35% 0.0827 123.84)` | Death Guard | black, 9 to 1 |
| 17 | `#a5b273` | `oklch(73.82% 0.0854 117.79)` | Serpentine | black, 9.2 to 1 |
| 18 | `#abb16e` | `oklch(74.00% 0.0887 112.36)` | Timothy Grass | black, 9.2 to 1 |
| 19 | `#b1af69` | `oklch(73.93% 0.0924 107.44)` | Rodham | black, 9.1 to 1 |
| 20 | `#b4ac62` | `oklch(73.61% 0.0962 102.99)` | Gimblet | black, 9 to 1 |
| 21 | `#b7a95c` | `oklch(73.05% 0.0998 98.95)` | Gimblet | black, 8.8 to 1 |
| 22 | `#b9a555` | `oklch(72.25% 0.1031 95.25)` | Moss Stone | black, 8.5 to 1 |
| 23 | `#baa04f` | `oklch(71.24% 0.1057 91.86)` | Underbrush | black, 8.2 to 1 |
| 24 | `#ba9b49` | `oklch(70.02% 0.1073 88.71)` | Brown Rum | black, 7.8 to 1 |
| 25 | `#b79544` | `oklch(68.46% 0.1076 85.82)` | Roti | black, 7.3 to 1 |
| 26 | `#b38d3e` | `oklch(66.34% 0.1069 83.29)` | Pirate’s Hook | black, 6.7 to 1 |
| 27 | `#ac8438` | `oklch(63.82% 0.1052 81.12)` | Garden Sprout | black, 6.1 to 1 |
| 28 | `#a47c32` | `oklch(61.12% 0.1030 79.25)` | Fluor Spar | black, 5.4 to 1 |
| 29 | `#9c732d` | `oklch(58.42% 0.1006 77.66)` | Buttered Rum | black, 4.9 to 1 |
| 30 | `#956c28` | `oklch(55.93% 0.0983 76.32)` | Dirt Yellow | white, 4.7 to 1 |
| 31 | `#8f6524` | `oklch(53.85% 0.0963 75.18)` | Tapenade | white, 5.1 to 1 |
| 32 | `#8a6121` | `oklch(52.36% 0.0951 74.22)` | Kumera | white, 5.5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #215b79 0.0%, #22607c 3.2%, #26677e 6.5%, #2b6f81 9.7%, #337884 12.9%, #3c8187 16.1%, #468989 19.4%, #50918a 22.6%, #59978a 25.8%, #629d8a 29.0%, #6ba288 32.3%, #76a786 35.5%, #80ab83 38.7%, #8baf80 41.9%, #95b17c 45.2%, #9eb278 48.4%, #a5b273 51.6%, #abb16e 54.8%, #b1af69 58.1%, #b4ac62 61.3%, #b7a95c 64.5%, #b9a555 67.7%, #baa04f 71.0%, #ba9b49 74.2%, #b79544 77.4%, #b38d3e 80.6%, #ac8438 83.9%, #a47c32 87.1%, #9c732d 90.3%, #956c28 93.5%, #8f6524 96.8%, #8a6121 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(44.88% 0.0772 234.84) 0.0%, oklch(46.35% 0.0762 230.57) 3.2%, oklch(48.36% 0.0747 224.92) 6.5%, oklch(50.76% 0.0729 218.19) 9.7%, oklch(53.39% 0.0711 210.69) 12.9%, oklch(56.09% 0.0694 202.73) 16.1%, oklch(58.70% 0.0681 194.61) 19.4%, oklch(61.07% 0.0675 186.64) 22.6%, oklch(63.06% 0.0677 179.09) 25.8%, oklch(64.92% 0.0686 171.29) 29.0%, oklch(66.74% 0.0702 163.10) 32.3%, oklch(68.46% 0.0723 154.74) 35.5%, oklch(70.03% 0.0747 146.41) 38.7%, oklch(71.41% 0.0773 138.34) 41.9%, oklch(72.53% 0.0800 130.74) 45.2%, oklch(73.35% 0.0827 123.84) 48.4%, oklch(73.82% 0.0854 117.79) 51.6%, oklch(74.00% 0.0887 112.36) 54.8%, oklch(73.93% 0.0924 107.44) 58.1%, oklch(73.61% 0.0962 102.99) 61.3%, oklch(73.05% 0.0998 98.95) 64.5%, oklch(72.25% 0.1031 95.25) 67.7%, oklch(71.24% 0.1057 91.86) 71.0%, oklch(70.02% 0.1073 88.71) 74.2%, oklch(68.46% 0.1076 85.82) 77.4%, oklch(66.34% 0.1069 83.29) 80.6%, oklch(63.82% 0.1052 81.12) 83.9%, oklch(61.12% 0.1030 79.25) 87.1%, oklch(58.42% 0.1006 77.66) 90.3%, oklch(55.93% 0.0983 76.32) 93.5%, oklch(53.85% 0.0963 75.18) 96.8%, oklch(52.36% 0.0951 74.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.077 | 234.8 |
| 2 | 0.626 | 0.068 | 180.9 |
| 3 | 0.736 | 0.084 | 120.7 |
| 4 | 0.697 | 0.107 | 88 |
| 5 | 0.524 | 0.095 | 74.2 |

## In these collections

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

## Other forms

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