# Teal, aubergine and bronze burnished beech canopy

The Teal, aubergine and bronze burnished beech canopy brings together green, teal, blue, magenta, red, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Green, navy and brown angular swatches
- Seed: `kYjTp1u5fFq6Zx0tpchODVEMC1Qe`
- Page: https://grabient.com/kYjTp1u5fFq6Zx0tpchODVEMC1Qe?style=angularSwatches&steps=6&angle=270
- Drawn as: angular swatches, 6 steps, 270 degrees
- Kinds: vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.5 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 | `#408268` | `oklch(55.51% 0.0799 165.23)` | Bathing Beauty | black, 4.6 to 1 |
| 2 | `#276470` | `oklch(46.85% 0.0648 213.84)` | Mordant Blue | white, 6.6 to 1 |
| 3 | `#353b63` | `oklch(36.61% 0.0703 276.19)` | Bay of Many | white, 10.7 to 1 |
| 4 | `#612147` | `oklch(35.83% 0.1033 347.00)` | Plum Caspia | white, 11.5 to 1 |
| 5 | `#93242a` | `oklch(44.09% 0.1461 22.93)` | Rio Red | white, 8.3 to 1 |
| 6 | `#a74016` | `oklch(50.79% 0.1461 39.83)` | Rust | white, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #408268 0.000% 16.667%, #276470 16.667% 33.333%, #353b63 33.333% 50.000%, #612147 50.000% 66.667%, #93242a 66.667% 83.333%, #a74016 83.333% 100.000%);
background: conic-gradient(from 270deg, oklch(55.51% 0.0799 165.23) 0.000% 16.667%, oklch(46.85% 0.0648 213.84) 16.667% 33.333%, oklch(36.61% 0.0703 276.19) 33.333% 50.000%, oklch(35.83% 0.1033 347.00) 50.000% 66.667%, oklch(44.09% 0.1461 22.93) 66.667% 83.333%, oklch(50.79% 0.1461 39.83) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.08 | 165.2 |
| 2 | 0.469 | 0.065 | 213.8 |
| 3 | 0.366 | 0.07 | 276.2 |
| 4 | 0.358 | 0.103 | 347 |
| 5 | 0.441 | 0.146 | 382.9 |
| 6 | 0.508 | 0.146 | 399.8 |

## In these collections

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

## Other forms

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