# Sage and gold pastel palette

The Sage and gold pastel palette brings together green, light yellow, and gold. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Pastel analogous green and tan linear swatches
- Seed: `kWskFnXiS-eMoPpoJL57CC-g`
- Page: https://grabient.com/kWskFnXiS-eMoPpoJL57CC-g?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: pastel
- Hues: analogous
- 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 | `#7bae7c` | `oklch(70.08% 0.0896 144.84)` | Summer Garden | black, 8.1 to 1 |
| 2 | `#93b975` | `oklch(74.02% 0.1006 132.16)` | Prime Merchandise | black, 9.3 to 1 |
| 3 | `#adc26f` | `oklch(77.95% 0.1102 120.54)` | Old Lime | black, 10.7 to 1 |
| 4 | `#cac97a` | `oklch(81.89% 0.1006 107.86)` | Celery Green | black, 12.1 to 1 |
| 5 | `#dfce8a` | `oklch(85.04% 0.0896 96.23)` | Master Key | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #7bae7c 0.000% 20.000%, #93b975 20.000% 40.000%, #adc26f 40.000% 60.000%, #cac97a 60.000% 80.000%, #dfce8a 80.000% 100.000%);
background: linear-gradient(90deg, oklch(70.08% 0.0896 144.84) 0.000% 20.000%, oklch(74.02% 0.1006 132.16) 20.000% 40.000%, oklch(77.95% 0.1102 120.54) 40.000% 60.000%, oklch(81.89% 0.1006 107.86) 60.000% 80.000%, oklch(85.04% 0.0896 96.23) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.09 | 144.8 |
| 2 | 0.74 | 0.101 | 132.2 |
| 3 | 0.78 | 0.11 | 120.5 |
| 4 | 0.819 | 0.101 | 107.9 |
| 5 | 0.85 | 0.09 | 96.2 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)

## Other forms

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