# Gold, stone and dusty blue color palette

The Gold, stone and dusty blue color palette brings together pale yellow, light orange, magenta, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is pale yellow.

- Also called: Complementary beige, gray and blue linear swatches
- Seed: `kU6y9DapA69eNtrCmrkA`
- Page: https://grabient.com/kU6y9DapA69eNtrCmrkA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 4.4 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 | `#f4e6b6` | `oklch(92.52% 0.0648 94.22)` | Martica | black, 16.8 to 1 |
| 2 | `#eacdb2` | `oklch(86.67% 0.0488 66.03)` | Sandpoint | black, 13.9 to 1 |
| 3 | `#caabad` | `oklch(76.87% 0.0371 13.84)` | Vista | black, 9.9 to 1 |
| 4 | `#9986a0` | `oklch(64.49% 0.0440 316.44)` | Hatoba Pigeon | black, 6.2 to 1 |
| 5 | `#5e6694` | `oklch(52.36% 0.0730 275.63)` | Prime Purple | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f4e6b6 0.000% 20.000%, #eacdb2 20.000% 40.000%, #caabad 40.000% 60.000%, #9986a0 60.000% 80.000%, #5e6694 80.000% 100.000%);
background: linear-gradient(90deg, oklch(92.52% 0.0648 94.22) 0.000% 20.000%, oklch(86.67% 0.0488 66.03) 20.000% 40.000%, oklch(76.87% 0.0371 13.84) 40.000% 60.000%, oklch(64.49% 0.0440 316.44) 60.000% 80.000%, oklch(52.36% 0.0730 275.63) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.065 | 94.2 |
| 2 | 0.839 | 0.044 | 51.9 |
| 3 | 0.689 | 0.037 | -26.3 |
| 4 | 0.524 | 0.073 | -84.4 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Winter](https://grabient.com/winter)

## Other forms

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