# Gold and stone color palette

The Gold and stone color palette brings together light orange, orange, light teal, and pale orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is orange, and its lightest tone is pale orange.

- Also called: Tan, brown, gray and beige linear swatches
- Seed: `kWyzA3sIs8OON0X7DjN9hE_Y`
- Page: https://grabient.com/kWyzA3sIs8OON0X7DjN9hE_Y?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#d5b98e` | `oklch(79.92% 0.0661 78.05)` | Creamy Nougat | black, 11.1 to 1 |
| 2 | `#513e35` | `oklch(38.19% 0.0303 46.34)` | Obsidian Brown | white, 10 to 1 |
| 3 | `#9ec0bf` | `oklch(78.35% 0.0372 194.29)` | Frosty Glade | black, 10.7 to 1 |
| 4 | `#fff4d8` | `oklch(96.85% 0.0378 88.63)` | Pastel Moon Creme | black, 19.1 to 1 |
| 5 | `#f6e6c5` | `oklch(92.91% 0.0469 84.39)` | Melted Wax | black, 17 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d5b98e 0.000% 20.000%, #513e35 20.000% 40.000%, #9ec0bf 40.000% 60.000%, #fff4d8 60.000% 80.000%, #f6e6c5 80.000% 100.000%);
background: linear-gradient(135deg, oklch(79.92% 0.0661 78.05) 0.000% 20.000%, oklch(38.19% 0.0303 46.34) 20.000% 40.000%, oklch(78.35% 0.0372 194.29) 40.000% 60.000%, oklch(96.85% 0.0378 88.63) 60.000% 80.000%, oklch(92.91% 0.0469 84.39) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.066 | 78 |
| 2 | 0.382 | 0.03 | 46.3 |
| 3 | 0.783 | 0.037 | 194.3 |
| 4 | 0.969 | 0.039 | 88.6 |
| 5 | 0.929 | 0.047 | 84.4 |

## In these collections

- [Cream](https://grabient.com/cream)
- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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