# Orange, mauve and navy sunset palette

The Orange, mauve and navy sunset palette brings together pale orange, light red, magenta, purple, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale orange.

- Also called: Peach, purple and navy linear swatches
- Seed: `kW6CMgYx6702jus7JjwKKO-Q`
- Page: https://grabient.com/kW6CMgYx6702jus7JjwKKO-Q?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.9 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 | `#ffd9c9` | `oklch(91.34% 0.0479 45.01)` | Camisole | black, 16 to 1 |
| 2 | `#efadae` | `oklch(81.07% 0.0777 18.20)` | Brain Pink | black, 11.2 to 1 |
| 3 | `#c180a6` | `oklch(67.80% 0.0939 343.78)` | Romanov Mauve | black, 6.9 to 1 |
| 4 | `#865f9d` | `oklch(55.03% 0.1017 312.02)` | Wisteria Purple | white, 5 to 1 |
| 5 | `#514585` | `oklch(43.31% 0.1041 289.86)` | Harvest Night | white, 8.3 to 1 |
| 6 | `#2b2a62` | `oklch(31.89% 0.0978 280.30)` | Deep Breath | white, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffd9c9 0.000% 16.667%, #efadae 16.667% 33.333%, #c180a6 33.333% 50.000%, #865f9d 50.000% 66.667%, #514585 66.667% 83.333%, #2b2a62 83.333% 100.000%);
background: linear-gradient(90deg, oklch(91.34% 0.0479 45.01) 0.000% 16.667%, oklch(81.07% 0.0777 18.20) 16.667% 33.333%, oklch(67.80% 0.0939 343.78) 33.333% 50.000%, oklch(55.03% 0.1017 312.02) 50.000% 66.667%, oklch(43.31% 0.1041 289.86) 66.667% 83.333%, oklch(31.89% 0.0978 280.30) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.048 | 45 |
| 2 | 0.78 | 0.084 | 10.1 |
| 3 | 0.61 | 0.098 | -33.2 |
| 4 | 0.465 | 0.105 | -66 |
| 5 | 0.319 | 0.098 | -79.7 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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