# Blue and stone enchanted forest palette

The Blue and stone enchanted forest palette brings together dark blue, blue, and light gray. The colors span a broad 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 blue, and its lightest tone is light gray.

- Also called: Monochrome navy and gray angular swatches
- Seed: `kUNiW6M6G_NkTvdxBTUA`
- Page: https://grabient.com/kUNiW6M6G_NkTvdxBTUA?style=angularSwatches&steps=4
- Drawn as: angular swatches, 4 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#0b1830` | `oklch(21.26% 0.0510 261.56)` | Liberty Blue | white, 17.6 to 1 |
| 2 | `#234a7a` | `oklch(40.55% 0.0923 255.22)` | Sapphire Earrings | white, 9 to 1 |
| 3 | `#7fa4bc` | `oklch(70.08% 0.0537 237.26)` | Hawaiian Sky | black, 7.9 to 1 |
| 4 | `#d5ddd5` | `oklch(88.98% 0.0138 145.32)` | Periwinkle Tint | black, 15.1 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #0b1830 0.000% 25.000%, #234a7a 25.000% 50.000%, #7fa4bc 50.000% 75.000%, #d5ddd5 75.000% 100.000%);
background: conic-gradient(from 90deg, oklch(21.26% 0.0510 261.56) 0.000% 25.000%, oklch(40.55% 0.0923 255.22) 25.000% 50.000%, oklch(70.08% 0.0537 237.26) 50.000% 75.000%, oklch(88.98% 0.0138 145.32) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.051 | 261.6 |
| 2 | 0.406 | 0.092 | 255.2 |
| 3 | 0.701 | 0.054 | 237.3 |
| 4 | 0.89 | 0.014 | 145.3 |

## In these collections

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

## Other forms

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