# Gold and blue desert palette

The Gold and blue desert palette brings together light orange, light blue, blue, magenta, and dark blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is light orange.

- Also called: Tan, gray, purple and navy linear swatches
- Seed: `kWySQ5XhRSUcQwa7mcjIBm3o`
- Page: https://grabient.com/kWySQ5XhRSUcQwa7mcjIBm3o?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#ccb898` | `oklch(79.13% 0.0496 80.16)` | Real Simple | black, 10.8 to 1 |
| 2 | `#8ab1c9` | `oklch(74.02% 0.0551 235.50)` | Batch Blue | black, 9.2 to 1 |
| 3 | `#60778e` | `oklch(55.91% 0.0455 250.29)` | Mahonia Berry Blue | white, 4.6 to 1 |
| 4 | `#6f4c70` | `oklch(46.85% 0.0703 325.32)` | Old Fashioned Purple | white, 7.1 to 1 |
| 5 | `#072243` | `oklch(25.20% 0.0703 255.58)` | Rhapsody in Blue | white, 15.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ccb898 0.000% 20.000%, #8ab1c9 20.000% 40.000%, #60778e 40.000% 60.000%, #6f4c70 60.000% 80.000%, #072243 80.000% 100.000%);
background: linear-gradient(90deg, oklch(79.13% 0.0496 80.16) 0.000% 20.000%, oklch(74.02% 0.0551 235.50) 20.000% 40.000%, oklch(55.91% 0.0455 250.29) 40.000% 60.000%, oklch(46.85% 0.0703 325.32) 60.000% 80.000%, oklch(25.20% 0.0703 255.58) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.05 | 80.2 |
| 2 | 0.74 | 0.055 | 235.5 |
| 3 | 0.559 | 0.045 | 250.3 |
| 4 | 0.469 | 0.07 | 325.3 |
| 5 | 0.252 | 0.07 | 255.6 |

## In these collections

- [Desert swatches](https://grabient.com/desert-swatches)

## Other forms

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