# Ink navy and pearl pink cosmic sweep

Ink navy passes through petrol teal, muted blue-violet, dusty mauve, pearl pink, and pale blush in a smooth angular gradient. A crisp boundary joins the pale end to the dark start, giving the soft color field a defined edge. The palette suits celestial posters, atmospheric digital artwork, and futuristic beauty graphics with restrained cool shadows and pink light.

- Also called: Black, blue, purple and gray angular gradient
- Seed: `kUMRW0uJe8D-aSZ0B8eA`
- Page: https://grabient.com/kUMRW0uJe8D-aSZ0B8eA?style=angularGradient&steps=96&angle=315
- Drawn as: angular gradient, 96 steps, 315 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 14 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 | `#0b1521` | `oklch(19.29% 0.0289 253.83)` | Creeping Death | white, 18.3 to 1 |
| 2 | `#0c1622` | `oklch(19.72% 0.0296 253.22)` | Creeping Death | white, 18.1 to 1 |
| 3 | `#0c1724` | `oklch(20.22% 0.0303 252.45)` | Creeping Death | white, 18 to 1 |
| 4 | `#0d1926` | `oklch(20.78% 0.0311 251.53)` | Creeping Death | white, 17.7 to 1 |
| 5 | `#0d1a27` | `oklch(21.40% 0.0319 250.47)` | Coarse Wool | white, 17.5 to 1 |
| 6 | `#0e1c29` | `oklch(22.07% 0.0329 249.29)` | Coarse Wool | white, 17.2 to 1 |
| 7 | `#0f1e2c` | `oklch(22.78% 0.0339 248.00)` | The Count’s Black | white, 16.9 to 1 |
| 8 | `#10202e` | `oklch(23.55% 0.0350 246.61)` | The Count’s Black | white, 16.6 to 1 |
| 9 | `#102230` | `oklch(24.35% 0.0362 245.14)` | Fog of War | white, 16.2 to 1 |
| 10 | `#112433` | `oklch(25.19% 0.0373 243.60)` | Fog of War | white, 15.8 to 1 |
| 11 | `#122635` | `oklch(26.06% 0.0386 242.01)` | Celestial Canvas | white, 15.4 to 1 |
| 12 | `#132938` | `oklch(26.96% 0.0399 240.38)` | Oceanic Noir | white, 15 to 1 |
| 13 | `#132b3b` | `oklch(27.88% 0.0412 238.72)` | Oceanic Noir | white, 14.5 to 1 |
| 14 | `#142e3d` | `oklch(28.82% 0.0425 237.05)` | NATO Blue | white, 14.1 to 1 |
| 15 | `#153140` | `oklch(29.77% 0.0439 235.38)` | NATO Blue | white, 13.6 to 1 |
| 16 | `#163343` | `oklch(30.74% 0.0453 233.72)` | Blue Whale | white, 13.1 to 1 |
| 17 | `#163646` | `oklch(31.71% 0.0467 232.09)` | Into the Night | white, 12.7 to 1 |
| 18 | `#173949` | `oklch(32.68% 0.0480 230.51)` | Subterranean River | white, 12.2 to 1 |
| 19 | `#183c4b` | `oklch(33.65% 0.0494 228.98)` | Subterranean River | white, 11.7 to 1 |
| 20 | `#183f4e` | `oklch(34.62% 0.0508 227.53)` | Cold and Dark | white, 11.3 to 1 |
| 21 | `#194251` | `oklch(35.57% 0.0522 226.16)` | Cold and Dark | white, 10.8 to 1 |
| 22 | `#1a4454` | `oklch(36.51% 0.0535 224.88)` | Blue Syzygy | white, 10.4 to 1 |
| 23 | `#1a4756` | `oklch(37.43% 0.0548 223.72)` | Blue Syzygy | white, 10 to 1 |
| 24 | `#1b4a59` | `oklch(38.33% 0.0561 222.69)` | Ethereal Dance | white, 9.7 to 1 |
| 25 | `#1c4c5b` | `oklch(39.20% 0.0573 221.79)` | Ethereal Dance | white, 9.3 to 1 |
| 26 | `#1d4f5e` | `oklch(40.03% 0.0585 221.05)` | Rugged Teal | white, 9 to 1 |
| 27 | `#1e5160` | `oklch(40.84% 0.0596 220.48)` | Genetic Code | white, 8.7 to 1 |
| 28 | `#1e5463` | `oklch(41.60% 0.0607 220.09)` | Juggernaut | white, 8.4 to 1 |
| 29 | `#1f5665` | `oklch(42.31% 0.0617 219.89)` | Bright Nautilus | white, 8.1 to 1 |
| 30 | `#205867` | `oklch(42.98% 0.0627 219.90)` | Bright Nautilus | white, 7.9 to 1 |
| 31 | `#21596a` | `oklch(43.59% 0.0635 220.14)` | Bright Nautilus | white, 7.7 to 1 |
| 32 | `#225b6c` | `oklch(44.15% 0.0643 220.61)` | Legion Blue | white, 7.5 to 1 |
| 33 | `#235c6e` | `oklch(44.65% 0.0650 221.34)` | Legion Blue | white, 7.3 to 1 |
| 34 | `#255d70` | `oklch(45.07% 0.0657 222.30)` | Deep Blue Sea | white, 7.2 to 1 |
| 35 | `#265e72` | `oklch(45.43% 0.0663 223.50)` | Holiday Velvet | white, 7.1 to 1 |
| 36 | `#275f73` | `oklch(45.72% 0.0670 224.91)` | Holiday Velvet | white, 7 to 1 |
| 37 | `#285f75` | `oklch(45.96% 0.0676 226.52)` | Holiday Velvet | white, 7 to 1 |
| 38 | `#296077` | `oklch(46.14% 0.0683 228.33)` | Holiday Velvet | white, 6.9 to 1 |
| 39 | `#2a6078` | `oklch(46.28% 0.0689 230.31)` | Berry Blue | white, 6.9 to 1 |
| 40 | `#2b6079` | `oklch(46.37% 0.0695 232.46)` | Berry Blue | white, 6.8 to 1 |
| 41 | `#2d5f7b` | `oklch(46.43% 0.0701 234.76)` | Berry Blue | white, 6.8 to 1 |
| 42 | `#2e5f7c` | `oklch(46.46% 0.0707 237.20)` | Berry Blue | white, 6.8 to 1 |
| 43 | `#305e7d` | `oklch(46.46% 0.0712 239.78)` | Matisse | white, 6.9 to 1 |
| 44 | `#325e7e` | `oklch(46.44% 0.0717 242.47)` | Matisse | white, 6.9 to 1 |
| 45 | `#345d7f` | `oklch(46.40% 0.0722 245.26)` | Matisse | white, 6.9 to 1 |
| 46 | `#365c80` | `oklch(46.36% 0.0727 248.14)` | Matisse | white, 6.9 to 1 |
| 47 | `#395b81` | `oklch(46.31% 0.0731 251.11)` | Pelagic | white, 7 to 1 |
| 48 | `#3b5b81` | `oklch(46.26% 0.0735 254.14)` | Pelagic | white, 7 to 1 |
| 49 | `#3d5a82` | `oklch(46.21% 0.0738 257.23)` | Sailor | white, 7 to 1 |
| 50 | `#405982` | `oklch(46.18% 0.0741 260.36)` | Sailor | white, 7 to 1 |
| 51 | `#435882` | `oklch(46.16% 0.0743 263.51)` | Sailor | white, 7.1 to 1 |
| 52 | `#455782` | `oklch(46.16% 0.0745 266.69)` | True Navy | white, 7.1 to 1 |
| 53 | `#485683` | `oklch(46.19% 0.0746 269.87)` | Yacht Club Blue | white, 7.1 to 1 |
| 54 | `#4b5683` | `oklch(46.25% 0.0747 273.04)` | Yacht Club Blue | white, 7.1 to 1 |
| 55 | `#4e5583` | `oklch(46.35% 0.0748 276.20)` | Dusk | white, 7.1 to 1 |
| 56 | `#515583` | `oklch(46.49% 0.0747 279.32)` | Dusk | white, 7 to 1 |
| 57 | `#545483` | `oklch(46.68% 0.0746 282.40)` | Dusk | white, 7 to 1 |
| 58 | `#575483` | `oklch(46.92% 0.0744 285.42)` | Aurora Splendour | white, 6.9 to 1 |
| 59 | `#5a5483` | `oklch(47.22% 0.0742 288.37)` | Aurora Splendour | white, 6.9 to 1 |
| 60 | `#5d5583` | `oklch(47.58% 0.0739 291.24)` | Mountain Iris | white, 6.8 to 1 |
| 61 | `#605583` | `oklch(48.01% 0.0735 294.02)` | Parma Mauve | white, 6.7 to 1 |
| 62 | `#635684` | `oklch(48.51% 0.0730 296.69)` | Vigorous Violet | white, 6.5 to 1 |
| 63 | `#665784` | `oklch(49.09% 0.0725 299.24)` | Berry Jam | white, 6.4 to 1 |
| 64 | `#6a5985` | `oklch(49.76% 0.0719 301.66)` | Concord Jam | white, 6.2 to 1 |
| 65 | `#6d5a86` | `oklch(50.52% 0.0712 303.98)` | Mystical | white, 6 to 1 |
| 66 | `#715d87` | `oklch(51.38% 0.0703 306.32)` | Mystical Purple | white, 5.8 to 1 |
| 67 | `#755f89` | `oklch(52.35% 0.0692 308.67)` | Super Violet | white, 5.5 to 1 |
| 68 | `#7a628a` | `oklch(53.41% 0.0681 311.05)` | Super Violet | white, 5.3 to 1 |
| 69 | `#7e658c` | `oklch(54.56% 0.0668 313.44)` | Clematis | white, 5 to 1 |
| 70 | `#83688e` | `oklch(55.78% 0.0654 315.84)` | Poetry Mauve | white, 4.8 to 1 |
| 71 | `#886c90` | `oklch(57.08% 0.0638 318.25)` | Beauty | black, 4.5 to 1 |
| 72 | `#8d7092` | `oklch(58.44% 0.0622 320.65)` | Wine Stroll | black, 4.8 to 1 |
| 73 | `#927495` | `oklch(59.85% 0.0605 323.05)` | Veri Berri | black, 5.1 to 1 |
| 74 | `#977898` | `oklch(61.32% 0.0587 325.45)` | Vestige | black, 5.4 to 1 |
| 75 | `#9c7d9a` | `oklch(62.83% 0.0568 327.83)` | Valerian | black, 5.8 to 1 |
| 76 | `#a1829d` | `oklch(64.37% 0.0549 330.19)` | Pink Plumeria | black, 6.1 to 1 |
| 77 | `#a686a0` | `oklch(65.94% 0.0530 332.53)` | Plum Perfume | black, 6.5 to 1 |
| 78 | `#ab8ba4` | `oklch(67.53% 0.0510 334.85)` | Mauve Musk | black, 6.9 to 1 |
| 79 | `#b091a7` | `oklch(69.14% 0.0490 337.13)` | Palisade Orchid | black, 7.4 to 1 |
| 80 | `#b596aa` | `oklch(70.75% 0.0469 339.38)` | Ashberry | black, 7.9 to 1 |
| 81 | `#ba9bae` | `oklch(72.35% 0.0449 341.59)` | Classy Mauve | black, 8.3 to 1 |
| 82 | `#bfa0b1` | `oklch(73.95% 0.0429 343.76)` | Lily | black, 8.9 to 1 |
| 83 | `#c4a6b5` | `oklch(75.54% 0.0408 345.87)` | Pansy Posie | black, 9.4 to 1 |
| 84 | `#c8abb9` | `oklch(77.10% 0.0388 347.94)` | Desireé | black, 9.9 to 1 |
| 85 | `#cdb0bd` | `oklch(78.63% 0.0369 349.94)` | Pink Potion | black, 10.5 to 1 |
| 86 | `#d1b5c0` | `oklch(80.12% 0.0350 351.89)` | Pink Pampas | black, 11.1 to 1 |
| 87 | `#d5bac4` | `oklch(81.56% 0.0331 353.76)` | Queen’s Tart | black, 11.6 to 1 |
| 88 | `#d9bfc8` | `oklch(82.96% 0.0313 355.57)` | Magnolia White | black, 12.2 to 1 |
| 89 | `#ddc4cb` | `oklch(84.29% 0.0296 357.30)` | Bunny Pink | black, 12.8 to 1 |
| 90 | `#e0c8cf` | `oklch(85.56% 0.0280 358.94)` | French Lavender | black, 13.3 to 1 |
| 91 | `#e3cdd2` | `oklch(86.75% 0.0265 0.51)` | Cool Pink | black, 13.9 to 1 |
| 92 | `#e6d1d6` | `oklch(87.86% 0.0251 1.98)` | Ibis Mouse | black, 14.4 to 1 |
| 93 | `#e9d4d9` | `oklch(88.88% 0.0238 3.36)` | Berry Taffy | black, 14.9 to 1 |
| 94 | `#ebd8db` | `oklch(89.81% 0.0226 4.65)` | Angelic Choir | black, 15.3 to 1 |
| 95 | `#eedade` | `oklch(90.63% 0.0216 5.83)` | Sweet Bianca | black, 15.7 to 1 |
| 96 | `#f0dde0` | `oklch(91.34% 0.0207 6.90)` | Dream State | black, 16.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #0b1521 0.0%, #0c1622 1.1%, #0c1724 2.1%, #0d1926 3.2%, #0d1a27 4.2%, #0e1c29 5.3%, #0f1e2c 6.3%, #10202e 7.4%, #102230 8.4%, #112433 9.5%, #122635 10.5%, #132938 11.6%, #132b3b 12.6%, #142e3d 13.7%, #153140 14.7%, #163343 15.8%, #163646 16.8%, #173949 17.9%, #183c4b 18.9%, #183f4e 20.0%, #194251 21.1%, #1a4454 22.1%, #1a4756 23.2%, #1b4a59 24.2%, #1c4c5b 25.3%, #1d4f5e 26.3%, #1e5160 27.4%, #1e5463 28.4%, #1f5665 29.5%, #205867 30.5%, #21596a 31.6%, #225b6c 32.6%, #235c6e 33.7%, #255d70 34.7%, #265e72 35.8%, #275f73 36.8%, #285f75 37.9%, #296077 38.9%, #2a6078 40.0%, #2b6079 41.1%, #2d5f7b 42.1%, #2e5f7c 43.2%, #305e7d 44.2%, #325e7e 45.3%, #345d7f 46.3%, #365c80 47.4%, #395b81 48.4%, #3b5b81 49.5%, #3d5a82 50.5%, #405982 51.6%, #435882 52.6%, #455782 53.7%, #485683 54.7%, #4b5683 55.8%, #4e5583 56.8%, #515583 57.9%, #545483 58.9%, #575483 60.0%, #5a5483 61.1%, #5d5583 62.1%, #605583 63.2%, #635684 64.2%, #665784 65.3%, #6a5985 66.3%, #6d5a86 67.4%, #715d87 68.4%, #755f89 69.5%, #7a628a 70.5%, #7e658c 71.6%, #83688e 72.6%, #886c90 73.7%, #8d7092 74.7%, #927495 75.8%, #977898 76.8%, #9c7d9a 77.9%, #a1829d 78.9%, #a686a0 80.0%, #ab8ba4 81.1%, #b091a7 82.1%, #b596aa 83.2%, #ba9bae 84.2%, #bfa0b1 85.3%, #c4a6b5 86.3%, #c8abb9 87.4%, #cdb0bd 88.4%, #d1b5c0 89.5%, #d5bac4 90.5%, #d9bfc8 91.6%, #ddc4cb 92.6%, #e0c8cf 93.7%, #e3cdd2 94.7%, #e6d1d6 95.8%, #e9d4d9 96.8%, #ebd8db 97.9%, #eedade 98.9%, #f0dde0 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(19.29% 0.0289 253.83) 0.0%, oklch(19.72% 0.0296 253.22) 1.1%, oklch(20.22% 0.0303 252.45) 2.1%, oklch(20.78% 0.0311 251.53) 3.2%, oklch(21.40% 0.0319 250.47) 4.2%, oklch(22.07% 0.0329 249.29) 5.3%, oklch(22.78% 0.0339 248.00) 6.3%, oklch(23.55% 0.0350 246.61) 7.4%, oklch(24.35% 0.0362 245.14) 8.4%, oklch(25.19% 0.0373 243.60) 9.5%, oklch(26.06% 0.0386 242.01) 10.5%, oklch(26.96% 0.0399 240.38) 11.6%, oklch(27.88% 0.0412 238.72) 12.6%, oklch(28.82% 0.0425 237.05) 13.7%, oklch(29.77% 0.0439 235.38) 14.7%, oklch(30.74% 0.0453 233.72) 15.8%, oklch(31.71% 0.0467 232.09) 16.8%, oklch(32.68% 0.0480 230.51) 17.9%, oklch(33.65% 0.0494 228.98) 18.9%, oklch(34.62% 0.0508 227.53) 20.0%, oklch(35.57% 0.0522 226.16) 21.1%, oklch(36.51% 0.0535 224.88) 22.1%, oklch(37.43% 0.0548 223.72) 23.2%, oklch(38.33% 0.0561 222.69) 24.2%, oklch(39.20% 0.0573 221.79) 25.3%, oklch(40.03% 0.0585 221.05) 26.3%, oklch(40.84% 0.0596 220.48) 27.4%, oklch(41.60% 0.0607 220.09) 28.4%, oklch(42.31% 0.0617 219.89) 29.5%, oklch(42.98% 0.0627 219.90) 30.5%, oklch(43.59% 0.0635 220.14) 31.6%, oklch(44.15% 0.0643 220.61) 32.6%, oklch(44.65% 0.0650 221.34) 33.7%, oklch(45.07% 0.0657 222.30) 34.7%, oklch(45.43% 0.0663 223.50) 35.8%, oklch(45.72% 0.0670 224.91) 36.8%, oklch(45.96% 0.0676 226.52) 37.9%, oklch(46.14% 0.0683 228.33) 38.9%, oklch(46.28% 0.0689 230.31) 40.0%, oklch(46.37% 0.0695 232.46) 41.1%, oklch(46.43% 0.0701 234.76) 42.1%, oklch(46.46% 0.0707 237.20) 43.2%, oklch(46.46% 0.0712 239.78) 44.2%, oklch(46.44% 0.0717 242.47) 45.3%, oklch(46.40% 0.0722 245.26) 46.3%, oklch(46.36% 0.0727 248.14) 47.4%, oklch(46.31% 0.0731 251.11) 48.4%, oklch(46.26% 0.0735 254.14) 49.5%, oklch(46.21% 0.0738 257.23) 50.5%, oklch(46.18% 0.0741 260.36) 51.6%, oklch(46.16% 0.0743 263.51) 52.6%, oklch(46.16% 0.0745 266.69) 53.7%, oklch(46.19% 0.0746 269.87) 54.7%, oklch(46.25% 0.0747 273.04) 55.8%, oklch(46.35% 0.0748 276.20) 56.8%, oklch(46.49% 0.0747 279.32) 57.9%, oklch(46.68% 0.0746 282.40) 58.9%, oklch(46.92% 0.0744 285.42) 60.0%, oklch(47.22% 0.0742 288.37) 61.1%, oklch(47.58% 0.0739 291.24) 62.1%, oklch(48.01% 0.0735 294.02) 63.2%, oklch(48.51% 0.0730 296.69) 64.2%, oklch(49.09% 0.0725 299.24) 65.3%, oklch(49.76% 0.0719 301.66) 66.3%, oklch(50.52% 0.0712 303.98) 67.4%, oklch(51.38% 0.0703 306.32) 68.4%, oklch(52.35% 0.0692 308.67) 69.5%, oklch(53.41% 0.0681 311.05) 70.5%, oklch(54.56% 0.0668 313.44) 71.6%, oklch(55.78% 0.0654 315.84) 72.6%, oklch(57.08% 0.0638 318.25) 73.7%, oklch(58.44% 0.0622 320.65) 74.7%, oklch(59.85% 0.0605 323.05) 75.8%, oklch(61.32% 0.0587 325.45) 76.8%, oklch(62.83% 0.0568 327.83) 77.9%, oklch(64.37% 0.0549 330.19) 78.9%, oklch(65.94% 0.0530 332.53) 80.0%, oklch(67.53% 0.0510 334.85) 81.1%, oklch(69.14% 0.0490 337.13) 82.1%, oklch(70.75% 0.0469 339.38) 83.2%, oklch(72.35% 0.0449 341.59) 84.2%, oklch(73.95% 0.0429 343.76) 85.3%, oklch(75.54% 0.0408 345.87) 86.3%, oklch(77.10% 0.0388 347.94) 87.4%, oklch(78.63% 0.0369 349.94) 88.4%, oklch(80.12% 0.0350 351.89) 89.5%, oklch(81.56% 0.0331 353.76) 90.5%, oklch(82.96% 0.0313 355.57) 91.6%, oklch(84.29% 0.0296 357.30) 92.6%, oklch(85.56% 0.0280 358.94) 93.7%, oklch(86.75% 0.0265 0.51) 94.7%, oklch(87.86% 0.0251 1.98) 95.8%, oklch(88.88% 0.0238 3.36) 96.8%, oklch(89.81% 0.0226 4.65) 97.9%, oklch(90.63% 0.0216 5.83) 98.9%, oklch(91.34% 0.0207 6.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.029 | 253.8 |
| 2 | 0.445 | 0.065 | 221.1 |
| 3 | 0.5 | 0.072 | 302.4 |
| 4 | 0.913 | 0.021 | 366.9 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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