# Sage and blush spring palette

The Sage and blush spring palette brings together green, red, light red, and pale green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Green, pink and gray linear swatches
- Seed: `kWij1sVScuu-PQ51CUxXaS-g`
- Page: https://grabient.com/kWij1sVScuu-PQ51CUxXaS-g?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, pastel, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.8 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 | `#487e57` | `oklch(54.33% 0.0841 151.87)` | Leisure Green | white, 4.7 to 1 |
| 2 | `#cd788b` | `oklch(66.93% 0.1075 6.04)` | Smoke Bush | black, 6.6 to 1 |
| 3 | `#f0cec4` | `oklch(87.80% 0.0413 36.69)` | Leverkaas | black, 14.3 to 1 |
| 4 | `#dce9da` | `oklch(92.13% 0.0248 141.31)` | Tint of Green | black, 16.7 to 1 |
| 5 | `#95b672` | `oklch(73.62% 0.1006 129.68)` | Florence | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #487e57 0.000% 20.000%, #cd788b 20.000% 40.000%, #f0cec4 40.000% 60.000%, #dce9da 60.000% 80.000%, #95b672 80.000% 100.000%);
background: linear-gradient(90deg, oklch(54.33% 0.0841 151.87) 0.000% 20.000%, oklch(66.93% 0.1075 6.04) 20.000% 40.000%, oklch(87.80% 0.0413 36.69) 40.000% 60.000%, oklch(92.13% 0.0248 141.31) 60.000% 80.000%, oklch(73.62% 0.1006 129.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.084 | 151.9 |
| 2 | 0.669 | 0.107 | 6 |
| 3 | 0.878 | 0.041 | 36.7 |
| 4 | 0.921 | 0.025 | 141.3 |
| 5 | 0.736 | 0.101 | 129.7 |

## In these collections

- [Spring swatches](https://grabient.com/spring-swatches)

## Other forms

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