# Teal, gold and bronze burnished beech canopy

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

- Also called: Teal, gray and brown radial gradient
- Seed: `kUfiqH8BQztosP4wEbug`
- Page: https://grabient.com/kUfiqH8BQztosP4wEbug?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.3 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 | `#376d6a` | `oklch(49.61% 0.0579 190.55)` | Deep Pool Teal | white, 5.9 to 1 |
| 2 | `#40746d` | `oklch(52.05% 0.0574 184.19)` | Green Sleeves | white, 5.3 to 1 |
| 3 | `#4e7e71` | `oklch(55.49% 0.0565 175.50)` | Azurite Water Green | white, 4.6 to 1 |
| 4 | `#608a77` | `oklch(59.66% 0.0552 165.05)` | Privet Hedge | black, 5.3 to 1 |
| 5 | `#74977e` | `oklch(64.30% 0.0538 153.38)` | Mid Cypress | black, 6.4 to 1 |
| 6 | `#8aa486` | `oklch(69.17% 0.0526 141.05)` | Gallery Green | black, 7.7 to 1 |
| 7 | `#a1b28f` | `oklch(73.99% 0.0515 128.60)` | Soap Green | black, 9.2 to 1 |
| 8 | `#b6be99` | `oklch(78.52% 0.0510 116.61)` | Pale Spring Morning | black, 10.8 to 1 |
| 9 | `#cac8a2` | `oklch(82.50% 0.0511 105.62)` | Floating Lily Pad | black, 12.3 to 1 |
| 10 | `#dad0aa` | `oklch(85.67% 0.0521 96.19)` | Capital Grains | black, 13.6 to 1 |
| 11 | `#e5d6af` | `oklch(87.77% 0.0542 88.86)` | Anise Biscotti | black, 14.5 to 1 |
| 12 | `#ecd7af` | `oklch(88.68% 0.0577 84.01)` | Ashwood | black, 14.9 to 1 |
| 13 | `#f0d6ab` | `oklch(88.74% 0.0634 81.14)` | Cereal Flake | black, 14.9 to 1 |
| 14 | `#f1d3a3` | `oklch(88.08% 0.0707 79.85)` | Antique Wicker Basket | black, 14.6 to 1 |
| 15 | `#efce98` | `oklch(86.81% 0.0792 79.78)` | Sparkling Champagne | black, 14 to 1 |
| 16 | `#ecc88b` | `oklch(85.04% 0.0881 80.57)` | Honeysuckle Beige | black, 13.2 to 1 |
| 17 | `#e7c17c` | `oklch(82.89% 0.0970 81.86)` | Celebration | black, 12.3 to 1 |
| 18 | `#e0b96d` | `oklch(80.45% 0.1053 83.28)` | English Custard | black, 11.3 to 1 |
| 19 | `#d8b15d` | `oklch(77.84% 0.1124 84.48)` | Equator | black, 10.3 to 1 |
| 20 | `#d1a84e` | `oklch(75.16% 0.1177 85.09)` | Solar Relic | black, 9.4 to 1 |
| 21 | `#c9a042` | `oklch(72.54% 0.1208 84.75)` | Goldie | black, 8.5 to 1 |
| 22 | `#c39739` | `oklch(70.02% 0.1210 83.13)` | Leisure | black, 7.7 to 1 |
| 23 | `#bb8d33` | `oklch(67.13% 0.1181 80.52)` | Hokey Pokey | black, 6.9 to 1 |
| 24 | `#b28230` | `oklch(63.81% 0.1127 77.21)` | Andouille | black, 6.1 to 1 |
| 25 | `#a6762f` | `oklch(60.20% 0.1054 73.38)` | Hot Toddy | black, 5.2 to 1 |
| 26 | `#9a6a2f` | `oklch(56.42% 0.0967 69.23)` | Damascene | white, 4.6 to 1 |
| 27 | `#8d5f30` | `oklch(52.62% 0.0873 64.93)` | Rusty Coin | white, 5.4 to 1 |
| 28 | `#805530` | `oklch(48.92% 0.0776 60.69)` | Lion’s Lair | white, 6.4 to 1 |
| 29 | `#734c2f` | `oklch(45.45% 0.0683 56.67)` | Taj | white, 7.4 to 1 |
| 30 | `#68452e` | `oklch(42.35% 0.0599 53.07)` | Aloeswood | white, 8.5 to 1 |
| 31 | `#5e3f2d` | `oklch(39.76% 0.0530 50.08)` | Pitch Mary Brown | white, 9.4 to 1 |
| 32 | `#573a2b` | `oklch(37.80% 0.0482 47.89)` | Tuk Tuk | white, 10.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #376d6a 0.0%, #40746d 3.2%, #4e7e71 6.5%, #608a77 9.7%, #74977e 12.9%, #8aa486 16.1%, #a1b28f 19.4%, #b6be99 22.6%, #cac8a2 25.8%, #dad0aa 29.0%, #e5d6af 32.3%, #ecd7af 35.5%, #f0d6ab 38.7%, #f1d3a3 41.9%, #efce98 45.2%, #ecc88b 48.4%, #e7c17c 51.6%, #e0b96d 54.8%, #d8b15d 58.1%, #d1a84e 61.3%, #c9a042 64.5%, #c39739 67.7%, #bb8d33 71.0%, #b28230 74.2%, #a6762f 77.4%, #9a6a2f 80.6%, #8d5f30 83.9%, #805530 87.1%, #734c2f 90.3%, #68452e 93.5%, #5e3f2d 96.8%, #573a2b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(49.61% 0.0579 190.55) 0.0%, oklch(52.05% 0.0574 184.19) 3.2%, oklch(55.49% 0.0565 175.50) 6.5%, oklch(59.66% 0.0552 165.05) 9.7%, oklch(64.30% 0.0538 153.38) 12.9%, oklch(69.17% 0.0526 141.05) 16.1%, oklch(73.99% 0.0515 128.60) 19.4%, oklch(78.52% 0.0510 116.61) 22.6%, oklch(82.50% 0.0511 105.62) 25.8%, oklch(85.67% 0.0521 96.19) 29.0%, oklch(87.77% 0.0542 88.86) 32.3%, oklch(88.68% 0.0577 84.01) 35.5%, oklch(88.74% 0.0634 81.14) 38.7%, oklch(88.08% 0.0707 79.85) 41.9%, oklch(86.81% 0.0792 79.78) 45.2%, oklch(85.04% 0.0881 80.57) 48.4%, oklch(82.89% 0.0970 81.86) 51.6%, oklch(80.45% 0.1053 83.28) 54.8%, oklch(77.84% 0.1124 84.48) 58.1%, oklch(75.16% 0.1177 85.09) 61.3%, oklch(72.54% 0.1208 84.75) 64.5%, oklch(70.02% 0.1210 83.13) 67.7%, oklch(67.13% 0.1181 80.52) 71.0%, oklch(63.81% 0.1127 77.21) 74.2%, oklch(60.20% 0.1054 73.38) 77.4%, oklch(56.42% 0.0967 69.23) 80.6%, oklch(52.62% 0.0873 64.93) 83.9%, oklch(48.92% 0.0776 60.69) 87.1%, oklch(45.45% 0.0683 56.67) 90.3%, oklch(42.35% 0.0599 53.07) 93.5%, oklch(39.76% 0.0530 50.08) 96.8%, oklch(37.80% 0.0482 47.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.496 | 0.058 | 190.5 |
| 2 | 0.882 | 0.055 | 87 |
| 3 | 0.709 | 0.121 | 83.8 |
| 4 | 0.378 | 0.048 | 47.9 |

## In these collections

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

## Other forms

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