# Yellow, terracotta and gray burnished beech canopy

The Yellow, terracotta and gray burnished beech canopy brings together light yellow, yellow, orange, red, and gray. 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 gray, and its lightest tone is light yellow.

- Also called: Tan and gray radial swatches
- Seed: `kY1DlKYSA_FIdvdDGz0OI287eDry`
- Page: https://grabient.com/kY1DlKYSA_FIdvdDGz0OI287eDry?style=radialSwatches&steps=6&angle=135
- Drawn as: radial swatches, 6 steps, 135 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#d1cc90` | `oklch(83.46% 0.0785 104.06)` | Royal Goblet | black, 12.7 to 1 |
| 2 | `#c2b370` | `oklch(76.38% 0.0882 96.67)` | Champagne Grape | black, 9.9 to 1 |
| 3 | `#a98853` | `oklch(64.57% 0.0813 78.70)` | Teak | black, 6.3 to 1 |
| 4 | `#8d5f40` | `oklch(52.76% 0.0744 54.40)` | Western Pursuit | white, 5.4 to 1 |
| 5 | `#674c48` | `oklch(44.49% 0.0372 29.03)` | Medium Taupe | white, 7.7 to 1 |
| 6 | `#4e5257` | `oklch(43.70% 0.0096 247.43)` | Water Ouzel | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d1cc90 0.000% 16.667%, #c2b370 16.667% 33.333%, #a98853 33.333% 50.000%, #8d5f40 50.000% 66.667%, #674c48 66.667% 83.333%, #4e5257 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(83.46% 0.0785 104.06) 0.000% 16.667%, oklch(76.38% 0.0882 96.67) 16.667% 33.333%, oklch(64.57% 0.0813 78.70) 33.333% 50.000%, oklch(52.76% 0.0744 54.40) 50.000% 66.667%, oklch(44.49% 0.0372 29.03) 66.667% 83.333%, oklch(43.70% 0.0096 247.43) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.079 | 104.1 |
| 2 | 0.764 | 0.088 | 96.7 |
| 3 | 0.646 | 0.081 | 78.7 |
| 4 | 0.528 | 0.074 | 54.4 |
| 5 | 0.445 | 0.037 | 29 |
| 6 | 0.437 | 0.01 | -112.6 |

## In these collections

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

## Other forms

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