# Gold, stone and sage color palette

The Gold, stone and sage color palette brings together light orange, light gray, light green, 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 light gray.

- Also called: Tan and gray angular swatches
- Seed: `kWxiY7a46__IGwhnisQWQ9Ag`
- Page: https://grabient.com/kWxiY7a46__IGwhnisQWQ9Ag?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: neutral, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.9 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 | `#c8b592` | `oklch(77.95% 0.0524 82.97)` | Dry Earth | black, 10.4 to 1 |
| 2 | `#d9cbb0` | `oklch(84.65% 0.0400 82.97)` | Angora | black, 13.1 to 1 |
| 3 | `#dfded1` | `oklch(89.76% 0.0179 100.93)` | Alpine Frost | black, 15.4 to 1 |
| 4 | `#bac7b5` | `oklch(81.50% 0.0289 135.81)` | Pattipan | black, 11.9 to 1 |
| 5 | `#91a68e` | `oklch(70.08% 0.0413 141.09)` | Sonoma Sage | black, 8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c8b592 0.000% 20.000%, #d9cbb0 20.000% 40.000%, #dfded1 40.000% 60.000%, #bac7b5 60.000% 80.000%, #91a68e 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(77.95% 0.0524 82.97) 0.000% 20.000%, oklch(84.65% 0.0400 82.97) 20.000% 40.000%, oklch(89.76% 0.0179 100.93) 40.000% 60.000%, oklch(81.50% 0.0289 135.81) 60.000% 80.000%, oklch(70.08% 0.0413 141.09) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.052 | 83 |
| 2 | 0.846 | 0.04 | 83 |
| 3 | 0.898 | 0.018 | 100.9 |
| 4 | 0.815 | 0.029 | 135.8 |
| 5 | 0.701 | 0.041 | 141.1 |

## In these collections

- [Sage and stone swatches](https://grabient.com/sage-and-stone-swatches)
- [Coastal swatches](https://grabient.com/coastal-swatches)

## Other forms

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