# Gold and sage beige palette

The Gold and sage beige palette brings together light orange, pale orange, and green. The colors span a narrow lightness range, combining restrained 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 pale orange.

- Also called: Warm gray linear swatches
- Seed: `kU2Rc6XQ6_vKKQFVjcXA`
- Page: https://grabient.com/kU2Rc6XQ6_vKKQFVjcXA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#daceb8` | `oklch(85.43% 0.0317 81.56)` | Vintage Ephemera | black, 13.4 to 1 |
| 2 | `#b6a68d` | `oklch(73.23% 0.0400 79.45)` | Sleepy Owlet | black, 8.8 to 1 |
| 3 | `#e8ddca` | `oklch(90.16% 0.0276 82.62)` | Aged Parchment | black, 15.6 to 1 |
| 4 | `#8e9b84` | `oklch(67.32% 0.0372 132.29)` | Farm Fresh | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #daceb8 0.000% 25.000%, #b6a68d 25.000% 50.000%, #e8ddca 50.000% 75.000%, #8e9b84 75.000% 100.000%);
background: linear-gradient(90deg, oklch(85.43% 0.0317 81.56) 0.000% 25.000%, oklch(73.23% 0.0400 79.45) 25.000% 50.000%, oklch(90.16% 0.0276 82.62) 50.000% 75.000%, oklch(67.32% 0.0372 132.29) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.032 | 81.6 |
| 2 | 0.732 | 0.04 | 79.4 |
| 3 | 0.902 | 0.028 | 82.6 |
| 4 | 0.673 | 0.037 | 132.3 |

## In these collections

- [Beige swatches](https://grabient.com/beige-swatches)

## Other forms

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