# Sage, gray and coral color palette

The Sage, gray and coral color palette brings together light green, green, orange, and light red. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is light green.

- Also called: Teal, gray and pink linear gradient
- Seed: `kWwyZzVxY_VGOPdUDLV3Bw7w`
- Page: https://grabient.com/kWwyZzVxY_VGOPdUDLV3Bw7w
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.6 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 | `#96bea9` | `oklch(76.77% 0.0524 161.72)` | Scenic View | black, 10.2 to 1 |
| 2 | `#82ae95` | `oklch(71.27% 0.0598 159.33)` | Nature Green | black, 8.4 to 1 |
| 3 | `#7a9e85` | `oklch(66.54% 0.0549 154.01)` | Aquadulce | black, 7 to 1 |
| 4 | `#81937c` | `oklch(64.17% 0.0386 138.47)` | Eucalyptus Wreath | black, 6.3 to 1 |
| 5 | `#9a8d7a` | `oklch(64.93% 0.0317 77.92)` | Lost Canyon | black, 6.4 to 1 |
| 6 | `#b48f86` | `oklch(68.15% 0.0468 32.80)` | Ponder | black, 7.1 to 1 |
| 7 | `#d29296` | `oklch(72.44% 0.0772 14.83)` | Rosetti | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #96bea9 0.0%, #82ae95 16.7%, #7a9e85 33.3%, #81937c 50.0%, #9a8d7a 66.7%, #b48f86 83.3%, #d29296 100.0%);
background: linear-gradient(90deg in oklch, oklch(76.77% 0.0524 161.72) 0.0%, oklch(71.27% 0.0598 159.33) 16.7%, oklch(66.54% 0.0549 154.01) 33.3%, oklch(64.17% 0.0386 138.47) 50.0%, oklch(64.93% 0.0317 77.92) 66.7%, oklch(68.15% 0.0468 32.80) 83.3%, oklch(72.44% 0.0772 14.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.052 | 161.7 |
| 2 | 0.685 | 0.061 | 156.4 |
| 3 | 0.642 | 0.039 | 138.5 |
| 4 | 0.661 | 0.034 | 49.7 |
| 5 | 0.724 | 0.077 | 14.8 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)

## Other forms

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