# Sage jade palette

The Sage jade palette brings together green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Monochrome dark green and gray linear swatches
- Seed: `kSYiNqQwzA8wQv8`
- Page: https://grabient.com/kSYiNqQwzA8wQv8?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#314b36` | `oklch(38.58% 0.0482 149.06)` | Norfolk Green | white, 9.5 to 1 |
| 2 | `#364f3b` | `oklch(40.21% 0.0464 150.09)` | Angry Gremlin | white, 8.9 to 1 |
| 3 | `#3d5643` | `oklch(42.52% 0.0437 151.61)` | O’Neal Green | white, 8.1 to 1 |
| 4 | `#455d4b` | `oklch(45.23% 0.0406 153.36)` | Greenwich | white, 7.2 to 1 |
| 5 | `#4d6454` | `oklch(48.03% 0.0377 155.09)` | Pasture Green | white, 6.4 to 1 |
| 6 | `#556b5d` | `oklch(50.64% 0.0355 156.56)` | Green Beret | white, 5.7 to 1 |
| 7 | `#5b7163` | `oklch(52.76% 0.0344 157.52)` | Army Canvas | white, 5.2 to 1 |
| 8 | `#5f7668` | `oklch(54.43% 0.0350 157.88)` | Mt Burleigh | white, 4.8 to 1 |
| 9 | `#637b6c` | `oklch(55.91% 0.0367 157.83)` | Atlas Cedar Green | white, 4.5 to 1 |
| 10 | `#657f6f` | `oklch(57.19% 0.0391 157.52)` | Ecological | black, 4.8 to 1 |
| 11 | `#678371` | `oklch(58.27% 0.0417 157.09)` | Ranger Green | black, 5 to 1 |
| 12 | `#698673` | `oklch(59.15% 0.0440 156.68)` | Ranger Green | black, 5.2 to 1 |
| 13 | `#6a8875` | `oklch(59.84% 0.0455 156.46)` | Green Adirondack | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #314b36 0.000% 7.692%, #364f3b 7.692% 15.385%, #3d5643 15.385% 23.077%, #455d4b 23.077% 30.769%, #4d6454 30.769% 38.462%, #556b5d 38.462% 46.154%, #5b7163 46.154% 53.846%, #5f7668 53.846% 61.538%, #637b6c 61.538% 69.231%, #657f6f 69.231% 76.923%, #678371 76.923% 84.615%, #698673 84.615% 92.308%, #6a8875 92.308% 100.000%);
background: linear-gradient(90deg, oklch(38.58% 0.0482 149.06) 0.000% 7.692%, oklch(40.21% 0.0464 150.09) 7.692% 15.385%, oklch(42.52% 0.0437 151.61) 15.385% 23.077%, oklch(45.23% 0.0406 153.36) 23.077% 30.769%, oklch(48.03% 0.0377 155.09) 30.769% 38.462%, oklch(50.64% 0.0355 156.56) 38.462% 46.154%, oklch(52.76% 0.0344 157.52) 46.154% 53.846%, oklch(54.43% 0.0350 157.88) 53.846% 61.538%, oklch(55.91% 0.0367 157.83) 61.538% 69.231%, oklch(57.19% 0.0391 157.52) 69.231% 76.923%, oklch(58.27% 0.0417 157.09) 76.923% 84.615%, oklch(59.15% 0.0440 156.68) 84.615% 92.308%, oklch(59.84% 0.0455 156.46) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.048 | 149.1 |
| 2 | 0.528 | 0.034 | 157.5 |
| 3 | 0.598 | 0.045 | 156.5 |

## In these collections

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

## Other forms

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