# Orange, dusty blue and gold color palette

The Orange, dusty blue and gold color palette brings together light orange, red, magenta, blue, light gray, and gold. 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 magenta, and its lightest tone is gold.

- Also called: Peach, purple, gray and tan linear swatches
- Seed: `kYy00k1Ca-MeXuRQFTlYoAu20hOS`
- Page: https://grabient.com/kYy00k1Ca-MeXuRQFTlYoAu20hOS?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: 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 | `#f4aa7d` | `oklch(79.92% 0.1061 51.33)` | Sunset Peach | black, 10.8 to 1 |
| 2 | `#ca7a64` | `oklch(66.14% 0.1061 36.53)` | Aloe Blossom | black, 6.5 to 1 |
| 3 | `#8f6782` | `oklch(56.30% 0.0648 338.41)` | Milkwort Red | white, 4.7 to 1 |
| 4 | `#8385ac` | `oklch(62.99% 0.0579 282.40)` | Corsican Purple | black, 5.9 to 1 |
| 5 | `#b6b6b6` | `oklch(77.56% 0.0000 89.88)` | Wolfram | black, 10.3 to 1 |
| 6 | `#f0cb8b` | `oklch(85.83% 0.0909 80.56)` | Walnut Oil | black, 13.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f4aa7d 0.000% 16.667%, #ca7a64 16.667% 33.333%, #8f6782 33.333% 50.000%, #8385ac 50.000% 66.667%, #b6b6b6 66.667% 83.333%, #f0cb8b 83.333% 100.000%);
background: linear-gradient(180deg, oklch(79.92% 0.1061 51.33) 0.000% 16.667%, oklch(66.14% 0.1061 36.53) 16.667% 33.333%, oklch(56.30% 0.0648 338.41) 33.333% 50.000%, oklch(62.99% 0.0579 282.40) 50.000% 66.667%, oklch(77.56% 0.0000 89.88) 66.667% 83.333%, oklch(85.83% 0.0909 80.56) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.106 | 51.3 |
| 2 | 0.661 | 0.106 | 36.5 |
| 3 | 0.563 | 0.065 | -21.6 |
| 4 | 0.63 | 0.058 | -77.6 |
| 5 | 0.776 | 0 | -222.4 |
| 6 | 0.858 | 0.091 | -279.4 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Champagne silk reception](https://grabient.com/champagne-silk-reception)
- [Soft swatches](https://grabient.com/soft-swatches)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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