# Navy, coral and orange wallpaper palette

The Navy, coral and orange wallpaper palette brings together dark blue, purple, light red, light orange, and pale orange. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is pale orange.

- Also called: Navy, pink, peach and beige linear gradient
- Seed: `kWLiG8vkHGdy2xntJMVeIk_4`
- Page: https://grabient.com/kWLiG8vkHGdy2xntJMVeIk_4?steps=48&angle=160
- Drawn as: linear gradient, 48 steps, 160 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 16.1 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 | `#081126` | `oklch(18.11% 0.0455 265.08)` | Void | white, 18.8 to 1 |
| 2 | `#0b132d` | `oklch(19.65% 0.0527 267.80)` | Liberty Blue | white, 18.3 to 1 |
| 3 | `#101636` | `oklch(21.62% 0.0625 271.21)` | Liberty Blue | white, 17.6 to 1 |
| 4 | `#161a42` | `oklch(23.94% 0.0744 275.22)` | Konkikyō Blue | white, 16.6 to 1 |
| 5 | `#1e1d4e` | `oklch(26.55% 0.0878 279.72)` | Fly-by-Night | white, 15.6 to 1 |
| 6 | `#29215c` | `oklch(29.37% 0.1021 284.60)` | Cluedo Night | white, 14.3 to 1 |
| 7 | `#35246a` | `oklch(32.34% 0.1167 289.78)` | Dark Dreams | white, 13 to 1 |
| 8 | `#432677` | `oklch(35.39% 0.1312 295.14)` | Clear Purple | white, 11.7 to 1 |
| 9 | `#522883` | `oklch(38.45% 0.1450 300.59)` | KSU Purple | white, 10.5 to 1 |
| 10 | `#612b8d` | `oklch(41.45% 0.1574 306.02)` | Lucid Dreams | white, 9.3 to 1 |
| 11 | `#712d95` | `oklch(44.32% 0.1680 311.33)` | Skeletor’s Cape | white, 8.3 to 1 |
| 12 | `#802f9b` | `oklch(46.99% 0.1763 316.42)` | Druchii Violet | white, 7.5 to 1 |
| 13 | `#8e329e` | `oklch(49.40% 0.1816 321.20)` | Nebula Outpost | white, 6.8 to 1 |
| 14 | `#9a359f` | `oklch(51.71% 0.1844 325.92)` | Purple Ink | white, 6.1 to 1 |
| 15 | `#a73a9f` | `oklch(54.00% 0.1853 330.69)` | Purple Cactus Flower | white, 5.6 to 1 |
| 16 | `#b33f9e` | `oklch(56.25% 0.1846 335.49)` | Ultraviolet Nusp | white, 5 to 1 |
| 17 | `#be459c` | `oklch(58.46% 0.1825 340.30)` | Boat Orchid | white, 4.6 to 1 |
| 18 | `#c84c9a` | `oklch(60.62% 0.1793 345.11)` | Rose Violet | black, 4.9 to 1 |
| 19 | `#d25397` | `oklch(62.71% 0.1753 349.89)` | Nova Pink | black, 5.4 to 1 |
| 20 | `#da5a94` | `oklch(64.74% 0.1707 354.63)` | Flirty Rose | black, 5.8 to 1 |
| 21 | `#e26291` | `oklch(66.70% 0.1658 359.31)` | Groovy | black, 6.3 to 1 |
| 22 | `#e8698f` | `oklch(68.57% 0.1609 3.92)` | Shadow Azalea Pink | black, 6.8 to 1 |
| 23 | `#ee718c` | `oklch(70.35% 0.1562 8.43)` | Rose Cheeks | black, 7.3 to 1 |
| 24 | `#f4788a` | `oklch(72.03% 0.1520 12.83)` | Flower Blossom Pink | black, 7.8 to 1 |
| 25 | `#f97f87` | `oklch(73.61% 0.1485 17.14)` | Shell Pink | black, 8.3 to 1 |
| 26 | `#fd8685` | `oklch(75.06% 0.1450 21.57)` | Red Mull | black, 8.8 to 1 |
| 27 | `#ff8d83` | `oklch(76.39% 0.1401 26.09)` | Desert Flower | black, 9.3 to 1 |
| 28 | `#ff9582` | `oklch(77.64% 0.1318 30.63)` | Orange Aura | black, 9.8 to 1 |
| 29 | `#ff9c82` | `oklch(78.79% 0.1250 35.13)` | Peachy Salmon | black, 10.3 to 1 |
| 30 | `#ffa282` | `oklch(79.87% 0.1194 39.53)` | Orchid Orange | black, 10.7 to 1 |
| 31 | `#ffa883` | `oklch(80.90% 0.1149 43.75)` | Peach Fizz | black, 11.1 to 1 |
| 32 | `#ffad84` | `oklch(81.88% 0.1110 47.73)` | Spice Pink | black, 11.6 to 1 |
| 33 | `#ffb385` | `oklch(82.82% 0.1075 51.41)` | Coral Dusk | black, 12 to 1 |
| 34 | `#ffb888` | `oklch(83.75% 0.1041 54.71)` | Savannah Sun | black, 12.4 to 1 |
| 35 | `#ffbc8b` | `oklch(84.67% 0.1006 57.57)` | Orange Mousse | black, 12.8 to 1 |
| 36 | `#ffc18f` | `oklch(85.59% 0.0965 59.92)` | Tuscan Wall | black, 13.2 to 1 |
| 37 | `#ffc694` | `oklch(86.53% 0.0916 61.70)` | Dainty Apricot | black, 13.7 to 1 |
| 38 | `#ffca9b` | `oklch(87.47% 0.0860 62.88)` | Peachy Breezes | black, 14.1 to 1 |
| 39 | `#ffcea2` | `oklch(88.41% 0.0798 63.55)` | Peach Beach | black, 14.6 to 1 |
| 40 | `#ffd2aa` | `oklch(89.32% 0.0732 63.79)` | Opalescent Coral | black, 15 to 1 |
| 41 | `#ffd6b1` | `oklch(90.21% 0.0666 63.69)` | Delicious Melon | black, 15.5 to 1 |
| 42 | `#ffdab9` | `oklch(91.06% 0.0601 63.33)` | Peach Puff | black, 15.9 to 1 |
| 43 | `#ffddc1` | `oklch(91.87% 0.0531 62.78)` | Orange Ice | black, 16.3 to 1 |
| 44 | `#fee1c8` | `oklch(92.62% 0.0460 62.16)` | Dedication | black, 16.7 to 1 |
| 45 | `#fde4cf` | `oklch(93.31% 0.0394 61.52)` | Scalloped Potato | black, 17.1 to 1 |
| 46 | `#fce6d5` | `oklch(93.92% 0.0336 60.97)` | Winthrop Peach | black, 17.4 to 1 |
| 47 | `#fce9da` | `oklch(94.45% 0.0286 60.57)` | Guiding Star | black, 17.7 to 1 |
| 48 | `#fbebde` | `oklch(94.88% 0.0248 60.42)` | Rosarian | black, 18 to 1 |

## CSS

```css
background: linear-gradient(160deg, #081126 0.0%, #0b132d 2.1%, #101636 4.3%, #161a42 6.4%, #1e1d4e 8.5%, #29215c 10.6%, #35246a 12.8%, #432677 14.9%, #522883 17.0%, #612b8d 19.1%, #712d95 21.3%, #802f9b 23.4%, #8e329e 25.5%, #9a359f 27.7%, #a73a9f 29.8%, #b33f9e 31.9%, #be459c 34.0%, #c84c9a 36.2%, #d25397 38.3%, #da5a94 40.4%, #e26291 42.6%, #e8698f 44.7%, #ee718c 46.8%, #f4788a 48.9%, #f97f87 51.1%, #fd8685 53.2%, #ff8d83 55.3%, #ff9582 57.4%, #ff9c82 59.6%, #ffa282 61.7%, #ffa883 63.8%, #ffad84 66.0%, #ffb385 68.1%, #ffb888 70.2%, #ffbc8b 72.3%, #ffc18f 74.5%, #ffc694 76.6%, #ffca9b 78.7%, #ffcea2 80.9%, #ffd2aa 83.0%, #ffd6b1 85.1%, #ffdab9 87.2%, #ffddc1 89.4%, #fee1c8 91.5%, #fde4cf 93.6%, #fce6d5 95.7%, #fce9da 97.9%, #fbebde 100.0%);
background: linear-gradient(160deg in oklch, oklch(18.11% 0.0455 265.08) 0.0%, oklch(19.65% 0.0527 267.80) 2.1%, oklch(21.62% 0.0625 271.21) 4.3%, oklch(23.94% 0.0744 275.22) 6.4%, oklch(26.55% 0.0878 279.72) 8.5%, oklch(29.37% 0.1021 284.60) 10.6%, oklch(32.34% 0.1167 289.78) 12.8%, oklch(35.39% 0.1312 295.14) 14.9%, oklch(38.45% 0.1450 300.59) 17.0%, oklch(41.45% 0.1574 306.02) 19.1%, oklch(44.32% 0.1680 311.33) 21.3%, oklch(46.99% 0.1763 316.42) 23.4%, oklch(49.40% 0.1816 321.20) 25.5%, oklch(51.71% 0.1844 325.92) 27.7%, oklch(54.00% 0.1853 330.69) 29.8%, oklch(56.25% 0.1846 335.49) 31.9%, oklch(58.46% 0.1825 340.30) 34.0%, oklch(60.62% 0.1793 345.11) 36.2%, oklch(62.71% 0.1753 349.89) 38.3%, oklch(64.74% 0.1707 354.63) 40.4%, oklch(66.70% 0.1658 359.31) 42.6%, oklch(68.57% 0.1609 3.92) 44.7%, oklch(70.35% 0.1562 8.43) 46.8%, oklch(72.03% 0.1520 12.83) 48.9%, oklch(73.61% 0.1485 17.14) 51.1%, oklch(75.06% 0.1450 21.57) 53.2%, oklch(76.39% 0.1401 26.09) 55.3%, oklch(77.64% 0.1318 30.63) 57.4%, oklch(78.79% 0.1250 35.13) 59.6%, oklch(79.87% 0.1194 39.53) 61.7%, oklch(80.90% 0.1149 43.75) 63.8%, oklch(81.88% 0.1110 47.73) 66.0%, oklch(82.82% 0.1075 51.41) 68.1%, oklch(83.75% 0.1041 54.71) 70.2%, oklch(84.67% 0.1006 57.57) 72.3%, oklch(85.59% 0.0965 59.92) 74.5%, oklch(86.53% 0.0916 61.70) 76.6%, oklch(87.47% 0.0860 62.88) 78.7%, oklch(88.41% 0.0798 63.55) 80.9%, oklch(89.32% 0.0732 63.79) 83.0%, oklch(90.21% 0.0666 63.69) 85.1%, oklch(91.06% 0.0601 63.33) 87.2%, oklch(91.87% 0.0531 62.78) 89.4%, oklch(92.62% 0.0460 62.16) 91.5%, oklch(93.31% 0.0394 61.52) 93.6%, oklch(93.92% 0.0336 60.97) 95.7%, oklch(94.45% 0.0286 60.57) 97.9%, oklch(94.88% 0.0248 60.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.045 | 265.1 |
| 2 | 0.488 | 0.181 | 320 |
| 3 | 0.728 | 0.15 | 375 |
| 4 | 0.858 | 0.101 | 420.4 |
| 5 | 0.949 | 0.025 | 420.4 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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