# Stone and aubergine with muted gold

Stone beige, smoky plum gray, deep aubergine, and muted gold meet in four angular swatches. The pale stone and warmer gold balance two subdued purple tones, giving the arrangement a calm sense of contrast. This elegant palette works for wedding stationery, interiors mood boards, and refined editorial or packaging layouts.

- Also called: Gray, dark purple and tan angular swatches
- Seed: `kUwQ02QYgzysQPxZG01A`
- Page: https://grabient.com/kUwQ02QYgzysQPxZG01A?style=angularSwatches&steps=4&angle=180
- Drawn as: angular swatches, 4 steps, 180 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#b8b0a5` | `oklch(75.98% 0.0179 75.94)` | Ask Me Anything | black, 9.7 to 1 |
| 2 | `#70636d` | `oklch(51.57% 0.0220 333.43)` | Vintage Grape | white, 5.6 to 1 |
| 3 | `#443044` | `oklch(33.86% 0.0441 326.04)` | Voodoo | white, 12 to 1 |
| 4 | `#b89a69` | `oklch(70.08% 0.0744 79.11)` | New Cork | black, 7.8 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #b8b0a5 0.000% 25.000%, #70636d 25.000% 50.000%, #443044 50.000% 75.000%, #b89a69 75.000% 100.000%);
background: conic-gradient(from 180deg, oklch(75.98% 0.0179 75.94) 0.000% 25.000%, oklch(51.57% 0.0220 333.43) 25.000% 50.000%, oklch(33.86% 0.0441 326.04) 50.000% 75.000%, oklch(70.08% 0.0744 79.11) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.76 | 0.018 | 75.9 |
| 2 | 0.516 | 0.022 | -26.6 |
| 3 | 0.339 | 0.044 | -34 |
| 4 | 0.701 | 0.074 | 79.1 |

## In these collections

- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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