# Ochre, stone and mauve vintage palette

The Ochre, stone and mauve vintage palette brings together orange, light orange, and purple. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits editorial layouts and period-inspired packaging. Its darkest tone is purple, and its lightest tone is light orange.

- Also called: Tan, gray and purple radial swatches
- Seed: `kUsTg94RE_tYOsI-EMBg`
- Page: https://grabient.com/kUsTg94RE_tYOsI-EMBg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3 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 | `#b39b65` | `oklch(69.69% 0.0772 86.48)` | Golden Moss | black, 7.7 to 1 |
| 2 | `#c0b091` | `oklch(76.38% 0.0469 84.37)` | Rock Cliffs | black, 9.9 to 1 |
| 3 | `#a190a9` | `oklch(67.72% 0.0400 314.39)` | Ancestry Violet | black, 7 to 1 |
| 4 | `#6b5871` | `oklch(48.82% 0.0455 318.62)` | Antique Grey | white, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b39b65 0.000% 25.000%, #c0b091 25.000% 50.000%, #a190a9 50.000% 75.000%, #6b5871 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(69.69% 0.0772 86.48) 0.000% 25.000%, oklch(76.38% 0.0469 84.37) 25.000% 50.000%, oklch(67.72% 0.0400 314.39) 50.000% 75.000%, oklch(48.82% 0.0455 318.62) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.077 | 86.5 |
| 2 | 0.764 | 0.047 | 84.4 |
| 3 | 0.677 | 0.04 | -45.6 |
| 4 | 0.488 | 0.045 | -41.4 |

## In these collections

- [Vintage swatches](https://grabient.com/vintage-swatches)

## Other forms

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