# Sea Glass beside Sandstone

The Gold 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: Beige, tan and gray linear swatches
- Seed: `kW3ig55Zg_rCLPDjjdF-w4zY`
- Page: https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center, 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 | `#e8d2ad` | `oklch(87.40% 0.0551 80.86)` | Tuscan Bread | black, 14.3 to 1 |
| 2 | `#d5b98d` | `oklch(79.92% 0.0661 78.75)` | Buckskin | black, 11.1 to 1 |
| 3 | `#513e35` | `oklch(38.19% 0.0303 47.04)` | Obsidian Brown | white, 10 to 1 |
| 4 | `#9ec0c0` | `oklch(78.35% 0.0372 194.99)` | Frosty Glade | black, 10.7 to 1 |
| 5 | `#fff4d8` | `oklch(96.85% 0.0386 89.31)` | Pastel Moon Creme | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e8d2ad 0.000% 20.000%, #d5b98d 20.000% 40.000%, #513e35 40.000% 60.000%, #9ec0c0 60.000% 80.000%, #fff4d8 80.000% 100.000%);
background: linear-gradient(180deg, oklch(87.40% 0.0551 80.86) 0.000% 20.000%, oklch(79.92% 0.0661 78.75) 20.000% 40.000%, oklch(38.19% 0.0303 47.04) 40.000% 60.000%, oklch(78.35% 0.0372 194.99) 60.000% 80.000%, oklch(96.85% 0.0386 89.31) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.055 | 80.9 |
| 2 | 0.799 | 0.066 | 78.7 |
| 3 | 0.382 | 0.03 | 47 |
| 4 | 0.783 | 0.037 | 195 |
| 5 | 0.969 | 0.039 | 89.3 |

## 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/kW3ig55Zg_rCLPDjjdF-w4zY.json?style=linearSwatches&steps=5&angle=180)
- [PNG](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.png?style=linearSwatches&steps=5&angle=180)
- [SVG](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.svg?style=linearSwatches&steps=5&angle=180)
- [CSS](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.css?style=linearSwatches&steps=5&angle=180)
- [ASE](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.ase?style=linearSwatches&steps=5&angle=180)
- [GPL](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.gpl?style=linearSwatches&steps=5&angle=180)
- [GRD](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.grd?style=linearSwatches&steps=5&angle=180)
- [Design tokens](https://grabient.com/kW3ig55Zg_rCLPDjjdF-w4zY.tokens.json?style=linearSwatches&steps=5&angle=180)
- [Social card](https://grabient.com/api/og?seed=kW3ig55Zg_rCLPDjjdF-w4zY&style=linearSwatches&steps=5&angle=180)
- [Palettes like this one](https://grabient.com/palettes?q=kW3ig55Zg_rCLPDjjdF-w4zY)
- [Guide for agents](https://grabient.com/llms.txt)