# Dusty Rose Blue Gray Muted Gold

These angular swatch wedges move through dusty rose, blue gray, muted gold, plum, and pale cream in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Mauve, tan, purple and gray angular swatches
- Seed: `kWnEUFWoyweQlLg6kzP8YfII`
- Page: https://grabient.com/kWnEUFWoyweQlLg6kzP8YfII?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.2 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 | `#b56b7a` | `oklch(61.42% 0.0951 7.03)` | Rose Gold | black, 5.3 to 1 |
| 2 | `#8fa6b5` | `oklch(71.26% 0.0344 235.99)` | Blue Skylights | black, 8.2 to 1 |
| 3 | `#d8b56a` | `oklch(78.74% 0.1020 84.88)` | Golden Pagoda | black, 10.7 to 1 |
| 4 | `#6d4d60` | `oklch(46.06% 0.0524 343.43)` | Prussian Plum | white, 7.3 to 1 |
| 5 | `#e8d9d0` | `oklch(89.37% 0.0207 53.18)` | Pigskin Puffball | black, 15.2 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #b56b7a 0.000% 20.000%, #8fa6b5 20.000% 40.000%, #d8b56a 40.000% 60.000%, #6d4d60 60.000% 80.000%, #e8d9d0 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(61.42% 0.0951 7.03) 0.000% 20.000%, oklch(71.26% 0.0344 235.99) 20.000% 40.000%, oklch(78.74% 0.1020 84.88) 40.000% 60.000%, oklch(46.06% 0.0524 343.43) 60.000% 80.000%, oklch(89.37% 0.0207 53.18) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.095 | 7 |
| 2 | 0.713 | 0.034 | -124 |
| 3 | 0.787 | 0.102 | -275.1 |
| 4 | 0.461 | 0.052 | -376.6 |
| 5 | 0.894 | 0.021 | -306.8 |

## In these collections

- [Late winter protea](https://grabient.com/late-winter-protea)

## Other forms

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