# Plum, cobalt blue and sage enchanted forest

The Plum, cobalt blue and sage enchanted forest brings together dark purple, magenta, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark purple, and its lightest tone is green.

- Also called: Dark purple, teal and gray linear swatches
- Seed: `kUQybiMJ9A74UrZaErzA`
- Page: https://grabient.com/kUQybiMJ9A74UrZaErzA?style=linearSwatches&steps=4&angle=225
- Drawn as: linear swatches, 4 steps, 225 degrees
- Kinds: dark to light, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#2f1c35` | `oklch(26.38% 0.0524 317.81)` | Bleached Cedar | white, 15.6 to 1 |
| 2 | `#5a315b` | `oklch(38.19% 0.0854 326.27)` | Japanese Violet | white, 10.3 to 1 |
| 3 | `#3d6a5c` | `oklch(48.82% 0.0565 170.92)` | Dignified | white, 6.1 to 1 |
| 4 | `#8eaa8e` | `oklch(70.87% 0.0510 144.51)` | Fluorine | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2f1c35 0.000% 25.000%, #5a315b 25.000% 50.000%, #3d6a5c 50.000% 75.000%, #8eaa8e 75.000% 100.000%);
background: linear-gradient(225deg, oklch(26.38% 0.0524 317.81) 0.000% 25.000%, oklch(38.19% 0.0854 326.27) 25.000% 50.000%, oklch(48.82% 0.0565 170.92) 50.000% 75.000%, oklch(70.87% 0.0510 144.51) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.052 | 317.8 |
| 2 | 0.382 | 0.085 | 326.3 |
| 3 | 0.488 | 0.056 | 170.9 |
| 4 | 0.709 | 0.051 | 144.5 |

## In these collections

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

## Other forms

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