# Stone, emerald and deep teal jade palette

The Stone, emerald and deep teal jade palette brings together pale green, light green, green, and dark green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark green, and its lightest tone is pale green.

- Also called: Monochrome gray and dark green linear swatches
- Seed: `kW5xJuYxC_86gwE5JMBo5fAY`
- Page: https://grabient.com/kW5xJuYxC_86gwE5JMBo5fAY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#d5e6da` | `oklch(90.94% 0.0248 154.69)` | Light Green Wash | black, 16.1 to 1 |
| 2 | `#a1c0ab` | `oklch(77.95% 0.0455 154.69)` | Spring Reflection | black, 10.6 to 1 |
| 3 | `#539671` | `oklch(61.81% 0.0896 157.86)` | Fake Fern | black, 5.9 to 1 |
| 4 | `#006544` | `oklch(44.89% 0.0983 162.06)` | Aotake Bamboo | white, 7.1 to 1 |
| 5 | `#003222` | `oklch(27.96% 0.0579 166.22)` | Nightly Woods | white, 14.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d5e6da 0.000% 20.000%, #a1c0ab 20.000% 40.000%, #539671 40.000% 60.000%, #006544 60.000% 80.000%, #003222 80.000% 100.000%);
background: linear-gradient(90deg, oklch(90.94% 0.0248 154.69) 0.000% 20.000%, oklch(77.95% 0.0455 154.69) 20.000% 40.000%, oklch(61.81% 0.0896 157.86) 40.000% 60.000%, oklch(44.89% 0.0983 162.06) 60.000% 80.000%, oklch(27.96% 0.0579 166.22) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.909 | 0.025 | 154.7 |
| 2 | 0.78 | 0.045 | 154.7 |
| 3 | 0.618 | 0.09 | 157.9 |
| 4 | 0.449 | 0.101 | 162.1 |
| 5 | 0.28 | 0.065 | 166.3 |

## In these collections

- [Jade swatches](https://grabient.com/jade-swatches)

## Other forms

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