# Enchanted Forest Grove

5 fan-shaped bands turn around the center through aqua, orange, pale gray, cream, and green. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks. Use this palette for storybook covers, woodland packaging, event cards, and atmospheric interface accents; each visible color keeps a practical role without weakening the collection’s specific mood.

- Also called: Blue, tan, gray and teal angular swatches
- Seed: `kWoB2uY6QtueLRfzCrowhhJA`
- Page: https://grabient.com/kWoB2uY6QtueLRfzCrowhhJA?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4 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 | `#758ca0` | `oklch(62.99% 0.0400 244.69)` | Blue Grey | black, 6 to 1 |
| 2 | `#d1b66b` | `oklch(78.35% 0.0992 90.40)` | Trumpet | black, 10.6 to 1 |
| 3 | `#b8c8b6` | `oklch(81.50% 0.0303 141.13)` | Pond’s Edge | black, 11.9 to 1 |
| 4 | `#e6e0cb` | `oklch(90.55% 0.0289 92.52)` | Vanilla Love | black, 15.8 to 1 |
| 5 | `#3e7563` | `oklch(51.97% 0.0661 169.66)` | Nominee | white, 5.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #758ca0 0.000% 20.000%, #d1b66b 20.000% 40.000%, #b8c8b6 40.000% 60.000%, #e6e0cb 60.000% 80.000%, #3e7563 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(62.99% 0.0400 244.69) 0.000% 20.000%, oklch(78.35% 0.0992 90.40) 20.000% 40.000%, oklch(81.50% 0.0303 141.13) 40.000% 60.000%, oklch(90.55% 0.0289 92.52) 60.000% 80.000%, oklch(51.97% 0.0661 169.66) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.04 | 244.7 |
| 2 | 0.783 | 0.099 | 90.4 |
| 3 | 0.815 | 0.03 | 141.1 |
| 4 | 0.906 | 0.029 | 92.5 |
| 5 | 0.52 | 0.066 | 169.7 |

## In these collections

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

## Other forms

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