# Enchanted Forest Ribbon

5 diagonal bands follow pale gray, orange, near-black, aqua, 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: Gray, black, blue and teal linear swatches
- Seed: `kWzxZkUyO4CKJzXQDsawhg3A`
- Page: https://grabient.com/kWzxZkUyO4CKJzXQDsawhg3A?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center
- Hues: multi-hue
- 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 | `#b8c8b5` | `oklch(81.50% 0.0303 140.62)` | Aqua Dream | black, 11.9 to 1 |
| 2 | `#b48747` | `oklch(65.35% 0.0978 74.05)` | Holiday Waffle | black, 6.4 to 1 |
| 3 | `#172b29` | `oklch(27.17% 0.0262 188.18)` | Swamp Thing | white, 14.8 to 1 |
| 4 | `#768ca0` | `oklch(62.99% 0.0400 245.24)` | Blue Grey | black, 6 to 1 |
| 5 | `#3e7563` | `oklch(51.97% 0.0661 170.21)` | Nominee | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b8c8b5 0.000% 20.000%, #b48747 20.000% 40.000%, #172b29 40.000% 60.000%, #768ca0 60.000% 80.000%, #3e7563 80.000% 100.000%);
background: linear-gradient(180deg, oklch(81.50% 0.0303 140.62) 0.000% 20.000%, oklch(65.35% 0.0978 74.05) 20.000% 40.000%, oklch(27.17% 0.0262 188.18) 40.000% 60.000%, oklch(62.99% 0.0400 245.24) 60.000% 80.000%, oklch(51.97% 0.0661 170.21) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.03 | 140.6 |
| 2 | 0.654 | 0.098 | 74 |
| 3 | 0.272 | 0.026 | 188.2 |
| 4 | 0.63 | 0.04 | 245.2 |
| 5 | 0.52 | 0.066 | 170.2 |

## In these collections

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

## Other forms

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