# Blue Gray Muted Gold Plum

These linear swatch bands move through blue gray, muted gold, plum, pale cream, and dusty rose 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: Gray, tan and mauve linear swatches
- Seed: `kWtRmoZCUuDqTM_xh8gziK6Y`
- Page: https://grabient.com/kWtRmoZCUuDqTM_xh8gziK6Y?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: pastel, warm
- 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 | `#8fa6b5` | `oklch(71.26% 0.0344 236.25)` | Blue Skylights | black, 8.2 to 1 |
| 2 | `#d8b56a` | `oklch(78.74% 0.1020 85.13)` | Golden Pagoda | black, 10.7 to 1 |
| 3 | `#6d4d60` | `oklch(46.06% 0.0524 343.69)` | Prussian Plum | white, 7.3 to 1 |
| 4 | `#e8d9d0` | `oklch(89.37% 0.0207 53.43)` | Pigskin Puffball | black, 15.2 to 1 |
| 5 | `#b56b7b` | `oklch(61.42% 0.0951 6.93)` | Rose Gold | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8fa6b5 0.000% 20.000%, #d8b56a 20.000% 40.000%, #6d4d60 40.000% 60.000%, #e8d9d0 60.000% 80.000%, #b56b7b 80.000% 100.000%);
background: linear-gradient(135deg, oklch(71.26% 0.0344 236.25) 0.000% 20.000%, oklch(78.74% 0.1020 85.13) 20.000% 40.000%, oklch(46.06% 0.0524 343.69) 40.000% 60.000%, oklch(89.37% 0.0207 53.43) 60.000% 80.000%, oklch(61.42% 0.0951 6.93) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.034 | 236.3 |
| 2 | 0.787 | 0.102 | 85.1 |
| 3 | 0.461 | 0.052 | -16.3 |
| 4 | 0.894 | 0.021 | 53.4 |
| 5 | 0.614 | 0.095 | 6.9 |

## In these collections

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

## Other forms

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