# Orange, magenta and navy dusk palette

The Orange, magenta and navy dusk palette brings together light orange, red, magenta, purple, 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: Tritone peach, purple and navy linear gradient
- Seed: `kW1UEq1687MSzOyxq7uIB08Q`
- Page: https://grabient.com/kW1UEq1687MSzOyxq7uIB08Q?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#f6bd8f` | `oklch(83.86% 0.0896 59.77)` | Persimmon Fade | black, 12.5 to 1 |
| 2 | `#f5b78b` | `oklch(82.66% 0.0930 56.55)` | Melón Meloso | black, 12 to 1 |
| 3 | `#f4af86` | `oklch(81.06% 0.0978 52.25)` | Peach Quartz | black, 11.3 to 1 |
| 4 | `#f2a681` | `oklch(79.15% 0.1035 47.14)` | Coral Silk | black, 10.5 to 1 |
| 5 | `#f09c7d` | `oklch(77.04% 0.1096 41.47)` | Cumquat Cream | black, 9.7 to 1 |
| 6 | `#ed927a` | `oklch(74.81% 0.1159 35.49)` | Poodle Skirt Peach | black, 8.9 to 1 |
| 7 | `#e98879` | `oklch(72.57% 0.1217 29.47)` | Redolenc | black, 8.2 to 1 |
| 8 | `#e47e79` | `oklch(70.41% 0.1266 23.67)` | Tango Pink | black, 7.5 to 1 |
| 9 | `#de767a` | `oklch(68.42% 0.1303 18.31)` | Juicy Details | black, 6.9 to 1 |
| 10 | `#d86e7c` | `oklch(66.48% 0.1333 13.10)` | Pinkish | black, 6.4 to 1 |
| 11 | `#d1677e` | `oklch(64.55% 0.1358 7.86)` | Pinkish | black, 5.9 to 1 |
| 12 | `#ca6080` | `oklch(62.62% 0.1378 2.61)` | Cinnamon Satin | black, 5.5 to 1 |
| 13 | `#c25a83` | `oklch(60.69% 0.1393 357.37)` | Beauty Queen | black, 5 to 1 |
| 14 | `#b95585` | `oklch(58.76% 0.1404 352.17)` | Berry Boost | black, 4.6 to 1 |
| 15 | `#b05087` | `oklch(56.83% 0.1408 347.03)` | Signal Pink | white, 4.8 to 1 |
| 16 | `#a64b88` | `oklch(54.90% 0.1408 341.95)` | La la Lavender | white, 5.2 to 1 |
| 17 | `#9c4789` | `oklch(52.97% 0.1401 336.96)` | Viva Magenta | white, 5.7 to 1 |
| 18 | `#924389` | `oklch(51.02% 0.1388 332.00)` | Plum Pie | white, 6.1 to 1 |
| 19 | `#884088` | `oklch(49.07% 0.1369 327.06)` | Dahlia | white, 6.7 to 1 |
| 20 | `#7d3c87` | `oklch(47.11% 0.1344 322.18)` | Violet Webcap | white, 7.2 to 1 |
| 21 | `#723a85` | `oklch(45.17% 0.1315 317.37)` | Amaranth Purple | white, 7.9 to 1 |
| 22 | `#683782` | `oklch(43.23% 0.1282 312.65)` | Galactic Grapevine | white, 8.5 to 1 |
| 23 | `#5e347e` | `oklch(41.32% 0.1247 308.04)` | Kingfisher Daisy | white, 9.2 to 1 |
| 24 | `#54317a` | `oklch(39.44% 0.1209 303.56)` | Foggy Amethyst | white, 9.9 to 1 |
| 25 | `#4b2f75` | `oklch(37.54% 0.1166 299.12)` | Mystic Nights | white, 10.7 to 1 |
| 26 | `#412c6f` | `oklch(35.51% 0.1114 294.51)` | Her Highness | white, 11.5 to 1 |
| 27 | `#372968` | `oklch(33.44% 0.1055 289.88)` | Paris M | white, 12.4 to 1 |
| 28 | `#2e2661` | `oklch(31.40% 0.0994 285.38)` | Paris M | white, 13.3 to 1 |
| 29 | `#262459` | `oklch(29.47% 0.0934 281.16)` | Cluedo Night | white, 14.2 to 1 |
| 30 | `#1f2152` | `oklch(27.74% 0.0879 277.40)` | Spacescape | white, 15 to 1 |
| 31 | `#1a1f4c` | `oklch(26.29% 0.0833 274.23)` | Fly-by-Night | white, 15.6 to 1 |
| 32 | `#151d48` | `oklch(25.20% 0.0799 271.82)` | Konkikyō Blue | white, 16.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f6bd8f 0.0%, #f5b78b 3.2%, #f4af86 6.5%, #f2a681 9.7%, #f09c7d 12.9%, #ed927a 16.1%, #e98879 19.4%, #e47e79 22.6%, #de767a 25.8%, #d86e7c 29.0%, #d1677e 32.3%, #ca6080 35.5%, #c25a83 38.7%, #b95585 41.9%, #b05087 45.2%, #a64b88 48.4%, #9c4789 51.6%, #924389 54.8%, #884088 58.1%, #7d3c87 61.3%, #723a85 64.5%, #683782 67.7%, #5e347e 71.0%, #54317a 74.2%, #4b2f75 77.4%, #412c6f 80.6%, #372968 83.9%, #2e2661 87.1%, #262459 90.3%, #1f2152 93.5%, #1a1f4c 96.8%, #151d48 100.0%);
background: linear-gradient(180deg in oklch, oklch(83.86% 0.0896 59.77) 0.0%, oklch(82.66% 0.0930 56.55) 3.2%, oklch(81.06% 0.0978 52.25) 6.5%, oklch(79.15% 0.1035 47.14) 9.7%, oklch(77.04% 0.1096 41.47) 12.9%, oklch(74.81% 0.1159 35.49) 16.1%, oklch(72.57% 0.1217 29.47) 19.4%, oklch(70.41% 0.1266 23.67) 22.6%, oklch(68.42% 0.1303 18.31) 25.8%, oklch(66.48% 0.1333 13.10) 29.0%, oklch(64.55% 0.1358 7.86) 32.3%, oklch(62.62% 0.1378 2.61) 35.5%, oklch(60.69% 0.1393 357.37) 38.7%, oklch(58.76% 0.1404 352.17) 41.9%, oklch(56.83% 0.1408 347.03) 45.2%, oklch(54.90% 0.1408 341.95) 48.4%, oklch(52.97% 0.1401 336.96) 51.6%, oklch(51.02% 0.1388 332.00) 54.8%, oklch(49.07% 0.1369 327.06) 58.1%, oklch(47.11% 0.1344 322.18) 61.3%, oklch(45.17% 0.1315 317.37) 64.5%, oklch(43.23% 0.1282 312.65) 67.7%, oklch(41.32% 0.1247 308.04) 71.0%, oklch(39.44% 0.1209 303.56) 74.2%, oklch(37.54% 0.1166 299.12) 77.4%, oklch(35.51% 0.1114 294.51) 80.6%, oklch(33.44% 0.1055 289.88) 83.9%, oklch(31.40% 0.0994 285.38) 87.1%, oklch(29.47% 0.0934 281.16) 90.3%, oklch(27.74% 0.0879 277.40) 93.5%, oklch(26.29% 0.0833 274.23) 96.8%, oklch(25.20% 0.0799 271.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.09 | 59.8 |
| 2 | 0.689 | 0.13 | 19.6 |
| 3 | 0.539 | 0.141 | -20.5 |
| 4 | 0.39 | 0.12 | -57.5 |
| 5 | 0.252 | 0.08 | -88.2 |

## In these collections

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

## Other forms

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