# Near-black, indigo and champagne wallpaper palette

The Near-black, indigo and champagne wallpaper palette brings together dark blue, blue, purple, 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, blue, purple and beige linear gradient
- Seed: `kUKR25O8xAlQ9xd1DM6g`
- Page: https://grabient.com/kUKR25O8xAlQ9xd1DM6g?steps=48&angle=120
- Drawn as: linear gradient, 48 steps, 120 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.3 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 | `#040d1e` | `oklch(16.14% 0.0400 260.16)` | Void | white, 19.3 to 1 |
| 2 | `#040f24` | `oklch(17.26% 0.0464 260.26)` | Void | white, 19 to 1 |
| 3 | `#04122b` | `oklch(18.65% 0.0549 260.26)` | Squid’s Ink | white, 18.6 to 1 |
| 4 | `#041533` | `oklch(20.27% 0.0649 260.18)` | Squid’s Ink | white, 18 to 1 |
| 5 | `#04183d` | `oklch(22.09% 0.0763 260.05)` | Navy | white, 17.3 to 1 |
| 6 | `#031c48` | `oklch(24.07% 0.0888 259.91)` | Oxford Blue | white, 16.5 to 1 |
| 7 | `#012055` | `oklch(26.18% 0.1020 259.79)` | Clarinet | white, 15.6 to 1 |
| 8 | `#002561` | `oklch(28.40% 0.1147 259.82)` | Black Sea Night | white, 14.6 to 1 |
| 9 | `#002a6c` | `oklch(30.68% 0.1238 259.79)` | Old Glory Blue | white, 13.5 to 1 |
| 10 | `#002f78` | `oklch(33.00% 0.1337 259.87)` | Below the Surface | white, 12.5 to 1 |
| 11 | `#003485` | `oklch(35.31% 0.1448 260.10)` | Magnus Blue | white, 11.4 to 1 |
| 12 | `#003993` | `oklch(37.59% 0.1576 260.49)` | Dark Seashore Night | white, 10.5 to 1 |
| 13 | `#003ca2` | `oklch(39.81% 0.1729 261.08)` | Philippine Blue | white, 9.6 to 1 |
| 14 | `#013fb2` | `oklch(41.92% 0.1908 261.88)` | Indian Peafowl | white, 8.9 to 1 |
| 15 | `#0c43be` | `oklch(43.91% 0.1995 262.97)` | Once in a Blue Moon | white, 8.2 to 1 |
| 16 | `#1946c7` | `oklch(45.74% 0.2062 264.34)` | Blue Blue | white, 7.6 to 1 |
| 17 | `#2449d0` | `oklch(47.38% 0.2108 266.03)` | Flying Fish Blue | white, 7.1 to 1 |
| 18 | `#2f4cd6` | `oklch(48.88% 0.2138 267.84)` | New Car | white, 6.7 to 1 |
| 19 | `#384edc` | `oklch(50.28% 0.2157 269.74)` | Veteran’s Day Blue | white, 6.3 to 1 |
| 20 | `#4251e1` | `oklch(51.59% 0.2164 271.74)` | Dark Soft Violet | white, 6 to 1 |
| 21 | `#4b53e5` | `oklch(52.83% 0.2162 273.89)` | Dark Soft Violet | white, 5.7 to 1 |
| 22 | `#5455e7` | `oklch(54.01% 0.2150 276.19)` | Dark Soft Violet | white, 5.4 to 1 |
| 23 | `#5e57e9` | `oklch(55.14% 0.2129 278.68)` | Majorelle Blue | white, 5.2 to 1 |
| 24 | `#675aea` | `oklch(56.25% 0.2102 281.38)` | Candy Grape Fizz | white, 4.9 to 1 |
| 25 | `#705ceb` | `oklch(57.33% 0.2067 284.30)` | Candy Grape Fizz | white, 4.7 to 1 |
| 26 | `#7a5eea` | `oklch(58.42% 0.2027 287.49)` | Candy Grape Fizz | black, 4.6 to 1 |
| 27 | `#8360e9` | `oklch(59.52% 0.1981 290.95)` | Medium Slate Blue | black, 4.8 to 1 |
| 28 | `#8d62e7` | `oklch(60.64% 0.1932 294.71)` | Lavender Indigo | black, 5 to 1 |
| 29 | `#9765e5` | `oklch(61.80% 0.1880 298.80)` | Legendary Lavender | black, 5.2 to 1 |
| 30 | `#a167e2` | `oklch(63.02% 0.1825 303.24)` | Violet Voltage | black, 5.5 to 1 |
| 31 | `#ab6ade` | `oklch(64.30% 0.1770 308.06)` | Violet Voltage | black, 5.8 to 1 |
| 32 | `#b56dda` | `oklch(65.67% 0.1714 313.28)` | Lavender | black, 6.1 to 1 |
| 33 | `#c070d5` | `oklch(67.14% 0.1655 319.06)` | Lavender | black, 6.5 to 1 |
| 34 | `#cb74cf` | `oklch(68.75% 0.1585 325.82)` | Purple Kush | black, 6.9 to 1 |
| 35 | `#d779c7` | `oklch(70.48% 0.1505 333.43)` | Purple Kush | black, 7.4 to 1 |
| 36 | `#e180bf` | `oklch(72.31% 0.1416 341.76)` | Fuchsia Blush | black, 8 to 1 |
| 37 | `#e987b6` | `oklch(74.20% 0.1320 350.63)` | Tempting Pink | black, 8.6 to 1 |
| 38 | `#f08fae` | `oklch(76.13% 0.1220 359.89)` | Astilbe | black, 9.2 to 1 |
| 39 | `#f599a8` | `oklch(78.08% 0.1117 9.39)` | Flower Girl | black, 10 to 1 |
| 40 | `#f8a3a4` | `oklch(80.02% 0.1012 18.97)` | Her Majesty | black, 10.7 to 1 |
| 41 | `#f9aea3` | `oklch(81.92% 0.0908 28.47)` | Riviera Rose | black, 11.5 to 1 |
| 42 | `#f9b8a4` | `oklch(83.77% 0.0806 37.74)` | Nature Apricot | black, 12.4 to 1 |
| 43 | `#f8c2a8` | `oklch(85.52% 0.0709 46.63)` | Pink Beach | black, 13.2 to 1 |
| 44 | `#f6cbaf` | `oklch(87.17% 0.0617 54.97)` | Bellini | black, 14 to 1 |
| 45 | `#f4d3b6` | `oklch(88.68% 0.0533 62.62)` | Serene Peach | black, 14.8 to 1 |
| 46 | `#f3d9be` | `oklch(90.02% 0.0458 69.41)` | Turkscap | black, 15.5 to 1 |
| 47 | `#f2dfc6` | `oklch(91.18% 0.0395 75.19)` | Estate Vanilla | black, 16.1 to 1 |
| 48 | `#f1e3cc` | `oklch(92.13% 0.0344 79.80)` | Welcoming White | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(120deg, #040d1e 0.0%, #040f24 2.1%, #04122b 4.3%, #041533 6.4%, #04183d 8.5%, #031c48 10.6%, #012055 12.8%, #002561 14.9%, #002a6c 17.0%, #002f78 19.1%, #003485 21.3%, #003993 23.4%, #003ca2 25.5%, #013fb2 27.7%, #0c43be 29.8%, #1946c7 31.9%, #2449d0 34.0%, #2f4cd6 36.2%, #384edc 38.3%, #4251e1 40.4%, #4b53e5 42.6%, #5455e7 44.7%, #5e57e9 46.8%, #675aea 48.9%, #705ceb 51.1%, #7a5eea 53.2%, #8360e9 55.3%, #8d62e7 57.4%, #9765e5 59.6%, #a167e2 61.7%, #ab6ade 63.8%, #b56dda 66.0%, #c070d5 68.1%, #cb74cf 70.2%, #d779c7 72.3%, #e180bf 74.5%, #e987b6 76.6%, #f08fae 78.7%, #f599a8 80.9%, #f8a3a4 83.0%, #f9aea3 85.1%, #f9b8a4 87.2%, #f8c2a8 89.4%, #f6cbaf 91.5%, #f4d3b6 93.6%, #f3d9be 95.7%, #f2dfc6 97.9%, #f1e3cc 100.0%);
background: linear-gradient(120deg in oklch, oklch(16.14% 0.0400 260.16) 0.0%, oklch(17.26% 0.0464 260.26) 2.1%, oklch(18.65% 0.0549 260.26) 4.3%, oklch(20.27% 0.0649 260.18) 6.4%, oklch(22.09% 0.0763 260.05) 8.5%, oklch(24.07% 0.0888 259.91) 10.6%, oklch(26.18% 0.1020 259.79) 12.8%, oklch(28.40% 0.1147 259.82) 14.9%, oklch(30.68% 0.1238 259.79) 17.0%, oklch(33.00% 0.1337 259.87) 19.1%, oklch(35.31% 0.1448 260.10) 21.3%, oklch(37.59% 0.1576 260.49) 23.4%, oklch(39.81% 0.1729 261.08) 25.5%, oklch(41.92% 0.1908 261.88) 27.7%, oklch(43.91% 0.1995 262.97) 29.8%, oklch(45.74% 0.2062 264.34) 31.9%, oklch(47.38% 0.2108 266.03) 34.0%, oklch(48.88% 0.2138 267.84) 36.2%, oklch(50.28% 0.2157 269.74) 38.3%, oklch(51.59% 0.2164 271.74) 40.4%, oklch(52.83% 0.2162 273.89) 42.6%, oklch(54.01% 0.2150 276.19) 44.7%, oklch(55.14% 0.2129 278.68) 46.8%, oklch(56.25% 0.2102 281.38) 48.9%, oklch(57.33% 0.2067 284.30) 51.1%, oklch(58.42% 0.2027 287.49) 53.2%, oklch(59.52% 0.1981 290.95) 55.3%, oklch(60.64% 0.1932 294.71) 57.4%, oklch(61.80% 0.1880 298.80) 59.6%, oklch(63.02% 0.1825 303.24) 61.7%, oklch(64.30% 0.1770 308.06) 63.8%, oklch(65.67% 0.1714 313.28) 66.0%, oklch(67.14% 0.1655 319.06) 68.1%, oklch(68.75% 0.1585 325.82) 70.2%, oklch(70.48% 0.1505 333.43) 72.3%, oklch(72.31% 0.1416 341.76) 74.5%, oklch(74.20% 0.1320 350.63) 76.6%, oklch(76.13% 0.1220 359.89) 78.7%, oklch(78.08% 0.1117 9.39) 80.9%, oklch(80.02% 0.1012 18.97) 83.0%, oklch(81.92% 0.0908 28.47) 85.1%, oklch(83.77% 0.0806 37.74) 87.2%, oklch(85.52% 0.0709 46.63) 89.4%, oklch(87.17% 0.0617 54.97) 91.5%, oklch(88.68% 0.0533 62.62) 93.6%, oklch(90.02% 0.0458 69.41) 95.7%, oklch(91.18% 0.0395 75.19) 97.9%, oklch(92.13% 0.0344 79.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.04 | 260.2 |
| 2 | 0.469 | 0.209 | 265.4 |
| 3 | 0.661 | 0.169 | 315.1 |
| 4 | 0.921 | 0.034 | 439.8 |

## In these collections

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

## Other forms

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