# Stone and gold color palette

The Stone and gold color palette brings together light green, green, light yellow, light magenta, and light purple. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is green, and its lightest tone is light yellow.

- Also called: Pastel gray, teal, beige and lavender angular swatches
- Seed: `kW0B9w1xLBfOVtxvizLXRW7A`
- Page: https://grabient.com/kW0B9w1xLBfOVtxvizLXRW7A?style=angularSwatches&steps=5&angle=135
- Drawn as: angular swatches, 5 steps, 135 degrees
- Kinds: pastel, light
- Hues: two-hue
- 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 | `#aecdb9` | `oklch(81.89% 0.0427 158.20)` | Bird’s Egg Green | black, 12.1 to 1 |
| 2 | `#7aa495` | `oklch(68.50% 0.0510 170.88)` | Verdigreen | black, 7.6 to 1 |
| 3 | `#ede2b5` | `oklch(90.94% 0.0593 95.85)` | Buttered | black, 16 to 1 |
| 4 | `#e6cfdb` | `oklch(87.80% 0.0303 344.90)` | Summer Clover | black, 14.3 to 1 |
| 5 | `#b0a0c7` | `oklch(73.23% 0.0593 303.68)` | Berry Frappé | black, 8.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #aecdb9 0.000% 20.000%, #7aa495 20.000% 40.000%, #ede2b5 40.000% 60.000%, #e6cfdb 60.000% 80.000%, #b0a0c7 80.000% 100.000%);
background: conic-gradient(from 135deg, oklch(81.89% 0.0427 158.20) 0.000% 20.000%, oklch(68.50% 0.0510 170.88) 20.000% 40.000%, oklch(90.94% 0.0593 95.85) 40.000% 60.000%, oklch(87.80% 0.0303 344.90) 60.000% 80.000%, oklch(73.23% 0.0593 303.68) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.043 | 158.2 |
| 2 | 0.685 | 0.051 | 170.9 |
| 3 | 0.909 | 0.059 | 95.9 |
| 4 | 0.878 | 0.03 | -15.1 |
| 5 | 0.732 | 0.059 | -56.3 |

## In these collections

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

## Other forms

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