# Dusty Mauve Morning

The Gold, mauve and stone color palette brings together light orange, red, magenta, blue, and light blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Tan, purple and gray radial swatches
- Seed: `kW0Ss5VJ47EecubDmTm5Ak8A`
- Page: https://grabient.com/kW0Ss5VJ47EecubDmTm5Ak8A?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- 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 | `#d9c19a` | `oklch(82.28% 0.0593 80.16)` | Golden Gate | black, 12.1 to 1 |
| 2 | `#c0826e` | `oklch(66.54% 0.0827 38.94)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 3 | `#97627f` | `oklch(56.30% 0.0785 346.11)` | Rust Magenta | white, 4.7 to 1 |
| 4 | `#6e6591` | `oklch(53.15% 0.0689 293.27)` | Purple Grapes | white, 5.3 to 1 |
| 5 | `#b1baca` | `oklch(78.74% 0.0248 260.51)` | Heritage | black, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9c19a 0.000% 20.000%, #c0826e 20.000% 40.000%, #97627f 40.000% 60.000%, #6e6591 60.000% 80.000%, #b1baca 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(82.28% 0.0593 80.16) 0.000% 20.000%, oklch(66.54% 0.0827 38.94) 20.000% 40.000%, oklch(56.30% 0.0785 346.11) 40.000% 60.000%, oklch(53.15% 0.0689 293.27) 60.000% 80.000%, oklch(78.74% 0.0248 260.51) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.059 | 80.2 |
| 2 | 0.665 | 0.083 | 38.9 |
| 3 | 0.563 | 0.079 | -13.9 |
| 4 | 0.531 | 0.069 | -66.7 |
| 5 | 0.787 | 0.025 | -99.5 |

## In these collections

- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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