# Orange, rose and navy desert palette

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

- Also called: Peach, salmon, purple and navy radial swatches
- Seed: `kW4j4y3y-8Uy2O-9obqrBo6I`
- Page: https://grabient.com/kW4j4y3y-8Uy2O-9obqrBo6I?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark
- 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 | `#ffd29c` | `oklch(88.98% 0.0854 71.02)` | Dreams of Peach | black, 14.9 to 1 |
| 2 | `#f38f6b` | `oklch(74.80% 0.1309 40.37)` | Moegi Green | black, 8.9 to 1 |
| 3 | `#c85472` | `oklch(60.24% 0.1488 6.55)` | Fruit Dove | black, 4.9 to 1 |
| 4 | `#774c7e` | `oklch(48.43% 0.0923 322.17)` | Spiced Plum | white, 6.7 to 1 |
| 5 | `#2e365f` | `oklch(34.65% 0.0717 273.56)` | Very Blue | white, 11.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffd29c 0.000% 20.000%, #f38f6b 20.000% 40.000%, #c85472 40.000% 60.000%, #774c7e 60.000% 80.000%, #2e365f 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.98% 0.0854 71.02) 0.000% 20.000%, oklch(74.80% 0.1309 40.37) 20.000% 40.000%, oklch(60.24% 0.1488 6.55) 40.000% 60.000%, oklch(48.43% 0.0923 322.17) 60.000% 80.000%, oklch(34.65% 0.0717 273.56) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.085 | 71 |
| 2 | 0.748 | 0.131 | 40.4 |
| 3 | 0.602 | 0.149 | 6.6 |
| 4 | 0.484 | 0.092 | -37.8 |
| 5 | 0.346 | 0.072 | -86.4 |

## In these collections

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

## Other forms

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