# Enchanted Forest Dawn

5 diagonal bands follow near-black, deep teal, pale gray, violet, and orange. 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: Black, gray, purple and tan linear swatches
- Seed: `kWRROFtJK_GeLOy0l9LY6RRg`
- Page: https://grabient.com/kWRROFtJK_GeLOy0l9LY6RRg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted
- Hues: tetradic
- Contrast of its darkest and lightest colors: 8.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 | `#172b29` | `oklch(27.17% 0.0262 187.73)` | Swamp Thing | white, 14.8 to 1 |
| 2 | `#28544c` | `oklch(41.34% 0.0510 180.34)` | Hunter | white, 8.4 to 1 |
| 3 | `#b9c8b5` | `oklch(81.50% 0.0303 140.18)` | Aqua Dream | black, 11.9 to 1 |
| 4 | `#514369` | `oklch(41.34% 0.0648 299.75)` | Evening Lavender | white, 8.9 to 1 |
| 5 | `#d2b56b` | `oklch(78.35% 0.0992 88.75)` | Golden Pagoda | black, 10.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #172b29 0.000% 20.000%, #28544c 20.000% 40.000%, #b9c8b5 40.000% 60.000%, #514369 60.000% 80.000%, #d2b56b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(27.17% 0.0262 187.73) 0.000% 20.000%, oklch(41.34% 0.0510 180.34) 20.000% 40.000%, oklch(81.50% 0.0303 140.18) 40.000% 60.000%, oklch(41.34% 0.0648 299.75) 60.000% 80.000%, oklch(78.35% 0.0992 88.75) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.026 | 187.7 |
| 2 | 0.413 | 0.051 | 180.3 |
| 3 | 0.815 | 0.03 | 140.2 |
| 4 | 0.413 | 0.065 | 299.8 |
| 5 | 0.783 | 0.099 | 448.8 |

## In these collections

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

## Other forms

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