# Teal and stone enchanted forest palette

The Teal and stone enchanted forest palette brings together teal, green, and light green. 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 teal, and its lightest tone is light green.

- Also called: Analogous dark green, teal and gray linear swatches
- Seed: `kUUSN9P6C_c-ivvpD71A`
- Page: https://grabient.com/kUUSN9P6C_c-ivvpD71A?style=linearSwatches&steps=4&angle=315
- Drawn as: linear swatches, 4 steps, 315 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#123b31` | `oklch(31.89% 0.0482 175.78)` | Palm Green | white, 12.4 to 1 |
| 2 | `#19735d` | `oklch(50.00% 0.0896 171.55)` | Tropical Rainforest | white, 5.7 to 1 |
| 3 | `#4b9a77` | `oklch(62.60% 0.0951 163.10)` | Smaragdine | black, 6.1 to 1 |
| 4 | `#b8ceb4` | `oklch(82.68% 0.0427 140.91)` | Soft Froth | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #123b31 0.000% 25.000%, #19735d 25.000% 50.000%, #4b9a77 50.000% 75.000%, #b8ceb4 75.000% 100.000%);
background: linear-gradient(315deg, oklch(31.89% 0.0482 175.78) 0.000% 25.000%, oklch(50.00% 0.0896 171.55) 25.000% 50.000%, oklch(62.60% 0.0951 163.10) 50.000% 75.000%, oklch(82.68% 0.0427 140.91) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.048 | 175.8 |
| 2 | 0.5 | 0.09 | 171.6 |
| 3 | 0.626 | 0.095 | 163.1 |
| 4 | 0.827 | 0.043 | 140.9 |

## In these collections

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

## Other forms

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