# Peach, mauve and navy dusk palette

The Peach, mauve and navy dusk palette brings together light orange, red, magenta, purple, blue, and dark 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 dark blue, and its lightest tone is light orange.

- Also called: Muted tritone peach, purple and navy linear swatches
- Seed: `kYxjonVSg7MYkvG2nTxp5m8ZmWPO`
- Page: https://grabient.com/kYxjonVSg7MYkvG2nTxp5m8ZmWPO?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: 8.8 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 | `#e0aa86` | `oklch(77.95% 0.0799 54.84)` | Tumbleweed | black, 10.2 to 1 |
| 2 | `#d0777f` | `oklch(66.93% 0.1102 14.69)` | Pink Shade | black, 6.6 to 1 |
| 3 | `#9b597f` | `oklch(55.12% 0.1006 345.10)` | Feminism | white, 5.1 to 1 |
| 4 | `#60416d` | `oklch(42.91% 0.0799 315.51)` | Grape Popsicle | white, 8.4 to 1 |
| 5 | `#2e2a52` | `oklch(31.10% 0.0703 285.92)` | Deep Sea Base | white, 13.3 to 1 |
| 6 | `#051531` | `oklch(20.08% 0.0606 260.56)` | Squid’s Ink | white, 18.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e0aa86 0.000% 16.667%, #d0777f 16.667% 33.333%, #9b597f 33.333% 50.000%, #60416d 50.000% 66.667%, #2e2a52 66.667% 83.333%, #051531 83.333% 100.000%);
background: linear-gradient(90deg, oklch(77.95% 0.0799 54.84) 0.000% 16.667%, oklch(66.93% 0.1102 14.69) 16.667% 33.333%, oklch(55.12% 0.1006 345.10) 33.333% 50.000%, oklch(42.91% 0.0799 315.51) 50.000% 66.667%, oklch(31.10% 0.0703 285.92) 66.667% 83.333%, oklch(20.08% 0.0606 260.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.78 | 0.08 | 54.8 |
| 2 | 0.669 | 0.11 | 14.7 |
| 3 | 0.551 | 0.101 | -14.9 |
| 4 | 0.429 | 0.08 | -44.5 |
| 5 | 0.311 | 0.07 | -74.1 |
| 6 | 0.201 | 0.061 | -99.4 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)

## Other forms

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