# Sage and coral garden palette

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

- Also called: Green, off-white, beige and pink radial swatches
- Seed: `kWoSps75S_PoOvh3kzn6Jw5o`
- Page: https://grabient.com/kWoSps75S_PoOvh3kzn6Jw5o?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 3 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 | `#70957a` | `oklch(63.39% 0.0579 152.58)` | Watercress | black, 6.2 to 1 |
| 2 | `#c0e1c1` | `oklch(87.80% 0.0565 146.24)` | Pallid Green | black, 14.8 to 1 |
| 3 | `#e9f8dc` | `oklch(96.06% 0.0400 130.39)` | Futon | black, 18.9 to 1 |
| 4 | `#fee8c5` | `oklch(94.09% 0.0524 79.66)` | Candle Glow | black, 17.6 to 1 |
| 5 | `#f3b2aa` | `oklch(82.28% 0.0772 26.82)` | Sango Pink | black, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #70957a 0.000% 20.000%, #c0e1c1 20.000% 40.000%, #e9f8dc 40.000% 60.000%, #fee8c5 60.000% 80.000%, #f3b2aa 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(63.39% 0.0579 152.58) 0.000% 20.000%, oklch(87.80% 0.0565 146.24) 20.000% 40.000%, oklch(96.06% 0.0400 130.39) 40.000% 60.000%, oklch(94.09% 0.0524 79.66) 60.000% 80.000%, oklch(82.28% 0.0772 26.82) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.058 | 152.6 |
| 2 | 0.878 | 0.056 | 146.2 |
| 3 | 0.961 | 0.04 | 130.4 |
| 4 | 0.941 | 0.052 | 79.7 |
| 5 | 0.823 | 0.077 | 26.8 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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