# Enchanted Forest Canopy

5 concentric bands move from the center outward through violet, cream, olive, purple, and orange. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks.

- Also called: Purple, gray and tan radial swatches
- Seed: `kWaS_V8wrR1GVxA6oi8Y6RMg`
- Page: https://grabient.com/kWaS_V8wrR1GVxA6oi8Y6RMg?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#514369` | `oklch(41.34% 0.0648 300.23)` | Evening Lavender | white, 8.9 to 1 |
| 2 | `#e7e0cb` | `oklch(90.55% 0.0289 91.35)` | Vanilla Love | black, 15.8 to 1 |
| 3 | `#83946c` | `oklch(64.17% 0.0593 126.22)` | Green Eyes | black, 6.4 to 1 |
| 4 | `#7c4165` | `oklch(46.06% 0.0937 343.56)` | Magician’s Cloak | white, 7.4 to 1 |
| 5 | `#d1b66b` | `oklch(78.35% 0.0992 90.29)` | Trumpet | black, 10.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #514369 0.000% 20.000%, #e7e0cb 20.000% 40.000%, #83946c 40.000% 60.000%, #7c4165 60.000% 80.000%, #d1b66b 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(41.34% 0.0648 300.23) 0.000% 20.000%, oklch(90.55% 0.0289 91.35) 20.000% 40.000%, oklch(64.17% 0.0593 126.22) 40.000% 60.000%, oklch(46.06% 0.0937 343.56) 60.000% 80.000%, oklch(78.35% 0.0992 90.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.065 | 300.2 |
| 2 | 0.906 | 0.029 | 451.3 |
| 3 | 0.642 | 0.059 | 486.2 |
| 4 | 0.461 | 0.094 | 343.6 |
| 5 | 0.783 | 0.099 | 450.3 |

## In these collections

- [Enchanted forest swatches](https://grabient.com/enchanted-forest-swatches)

## Other forms

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