# Analogous black, purple and navy linear swatches

Analogous black, purple and navy linear swatches with 64 colors: #1a1a1e, #1d1c25, #211f2e, #262239, #2d2546, #362753, #402a61, #4c2b6f, #592b7d, #662b8a, #732995, #80279f, #8b23a7, #941eae, #9b19b4, #9f13b7, #9f0eba, #9c0aba, #9508b9, #8b07b7, #7f08b2, #7209ac, #630aa4, #540a9a, #460b8f, #380a83, #2b0a76, #1f0969, #15085d, #0b0751, #040647, #00063f, #000a31, #000a2a, #000a26, #000a24, #000a23, #000a23, #000a23, #000b24, #000b25, #000c26, #000e25, #010f24, #011024, #011122, #001121, #00111f, #00111c, #001018, #000f15, #000e11, #000d0d, #000c0a, #000a06, #010804, #020602, #020501, #020400, #030300, #020200, #020200, #020100, #020100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWOAbLQddEBYluSVjj0CQWtQ`
- Page: https://grabient.com/kWOAbLQddEBYluSVjj0CQWtQ?style=linearSwatches&steps=64&angle=135
- Drawn as: linear swatches, 64 steps, 135 degrees
- Kinds: vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#1a1a1e` | `oklch(22.05% 0.0083 285.47)` | Gluon Grey | white, 17.3 to 1 |
| 2 | `#1d1c25` | `oklch(23.22% 0.0172 286.89)` | Night Demons | white, 16.8 to 1 |
| 3 | `#211f2e` | `oklch(24.82% 0.0291 288.86)` | Black Howl | white, 16.1 to 1 |
| 4 | `#262239` | `oklch(26.77% 0.0433 291.28)` | Cold Steel | white, 15.3 to 1 |
| 5 | `#2d2546` | `oklch(28.99% 0.0596 294.07)` | Telopea | white, 14.3 to 1 |
| 6 | `#362753` | `oklch(31.43% 0.0773 297.12)` | Parachute Purple | white, 13.3 to 1 |
| 7 | `#402a61` | `oklch(34.01% 0.0961 300.34)` | Acai | white, 12.2 to 1 |
| 8 | `#4c2b6f` | `oklch(36.64% 0.1155 303.62)` | Mystic Nights | white, 11.1 to 1 |
| 9 | `#592b7d` | `oklch(39.28% 0.1350 306.87)` | Foggy Amethyst | white, 10.1 to 1 |
| 10 | `#662b8a` | `oklch(41.83% 0.1541 310.00)` | True Purple | white, 9.2 to 1 |
| 11 | `#732995` | `oklch(44.24% 0.1725 312.90)` | Orb of Discord | white, 8.4 to 1 |
| 12 | `#80279f` | `oklch(46.42% 0.1897 315.48)` | Noble Cause Purple | white, 7.7 to 1 |
| 13 | `#8b23a7` | `oklch(48.31% 0.2051 317.64)` | Minesweeper’s Purple | white, 7.2 to 1 |
| 14 | `#941eae` | `oklch(49.84% 0.2183 319.28)` | Minesweeper’s Purple | white, 6.8 to 1 |
| 15 | `#9b19b4` | `oklch(50.93% 0.2289 320.31)` | Shiffurple | white, 6.5 to 1 |
| 16 | `#9f13b7` | `oklch(51.51% 0.2364 320.63)` | Nebula | white, 6.4 to 1 |
| 17 | `#9f0eba` | `oklch(51.52% 0.2404 320.14)` | Nebula | white, 6.4 to 1 |
| 18 | `#9c0aba` | `oklch(50.90% 0.2411 318.81)` | Nebula | white, 6.6 to 1 |
| 19 | `#9508b9` | `oklch(49.73% 0.2390 316.73)` | Minesweeper’s Purple | white, 6.9 to 1 |
| 20 | `#8b07b7` | `oklch(48.08% 0.2343 313.99)` | Shade of Violet | white, 7.4 to 1 |
| 21 | `#7f08b2` | `oklch(46.02% 0.2275 310.69)` | Shade of Violet | white, 8.1 to 1 |
| 22 | `#7209ac` | `oklch(43.63% 0.2189 306.92)` | Indiviolet Sunset | white, 8.9 to 1 |
| 23 | `#630aa4` | `oklch(40.98% 0.2088 302.78)` | Indiviolet Sunset | white, 9.9 to 1 |
| 24 | `#540a9a` | `oklch(38.15% 0.1975 298.36)` | Amarklor Violet | white, 11 to 1 |
| 25 | `#460b8f` | `oklch(35.21% 0.1855 293.77)` | Grim Purple | white, 12.3 to 1 |
| 26 | `#380a83` | `oklch(32.24% 0.1729 289.09)` | Marionberry | white, 13.6 to 1 |
| 27 | `#2b0a76` | `oklch(29.31% 0.1603 284.43)` | Outer Rim | white, 14.9 to 1 |
| 28 | `#1f0969` | `oklch(26.50% 0.1478 279.87)` | Bavarian Gentian | white, 16.1 to 1 |
| 29 | `#15085d` | `oklch(23.88% 0.1359 275.52)` | Space Colonisation | white, 17.1 to 1 |
| 30 | `#0b0751` | `oklch(21.53% 0.1249 271.47)` | Ravenclaw | white, 18 to 1 |
| 31 | `#040647` | `oklch(19.53% 0.1151 267.81)` | Night Blue | white, 18.6 to 1 |
| 32 | `#00063f` | `oklch(17.94% 0.1068 264.65)` | Stratos | white, 19.1 to 1 |
| 33 | `#000a31` | `oklch(16.84% 0.0815 262.57)` | Oblivion | white, 19.3 to 1 |
| 34 | `#000a2a` | `oklch(16.04% 0.0686 260.83)` | Mysterious Depths | white, 19.4 to 1 |
| 35 | `#000a26` | `oklch(15.50% 0.0622 259.68)` | Mysterious Depths | white, 19.6 to 1 |
| 36 | `#000a24` | `oklch(15.18% 0.0588 258.98)` | Void | white, 19.6 to 1 |
| 37 | `#000a23` | `oklch(15.06% 0.0573 258.60)` | Melanophobia | white, 19.7 to 1 |
| 38 | `#000a23` | `oklch(15.10% 0.0570 258.42)` | Melanophobia | white, 19.7 to 1 |
| 39 | `#000a23` | `oklch(15.26% 0.0573 258.32)` | Melanophobia | white, 19.6 to 1 |
| 40 | `#000b24` | `oklch(15.52% 0.0579 258.19)` | Void | white, 19.5 to 1 |
| 41 | `#000b25` | `oklch(15.84% 0.0584 257.89)` | Void | white, 19.5 to 1 |
| 42 | `#000c26` | `oklch(16.18% 0.0577 257.10)` | Void | white, 19.4 to 1 |
| 43 | `#000e25` | `oklch(16.51% 0.0545 255.72)` | Void | white, 19.3 to 1 |
| 44 | `#010f24` | `oklch(16.81% 0.0512 254.24)` | Kuretake Black Manga | white, 19.2 to 1 |
| 45 | `#011024` | `oklch(17.05% 0.0480 252.09)` | Kuretake Black Manga | white, 19.1 to 1 |
| 46 | `#011122` | `oklch(17.19% 0.0450 249.14)` | Kuretake Black Manga | white, 19 to 1 |
| 47 | `#001121` | `oklch(17.18% 0.0421 245.28)` | Kuretake Black Manga | white, 19 to 1 |
| 48 | `#00111f` | `oklch(17.01% 0.0392 240.43)` | Kuretake Black Manga | white, 19 to 1 |
| 49 | `#00111c` | `oklch(16.69% 0.0353 234.85)` | Kuretake Black Manga | white, 19.1 to 1 |
| 50 | `#001018` | `oklch(16.23% 0.0314 227.12)` | Black Glaze | white, 19.2 to 1 |
| 51 | `#000f15` | `oklch(15.68% 0.0282 218.00)` | Black Glaze | white, 19.4 to 1 |
| 52 | `#000e11` | `oklch(15.06% 0.0259 207.70)` | Black Glaze | white, 19.5 to 1 |
| 53 | `#000d0d` | `oklch(14.39% 0.0245 196.40)` | Dark Side of the Moon | white, 19.7 to 1 |
| 54 | `#000c0a` | `oklch(13.66% 0.0242 184.35)` | Dark Side of the Moon | white, 19.9 to 1 |
| 55 | `#000a06` | `oklch(12.86% 0.0244 172.54)` | Whiten’t | white, 20 to 1 |
| 56 | `#010804` | `oklch(12.08% 0.0230 160.26)` | Black Metal | white, 20.2 to 1 |
| 57 | `#020602` | `oklch(11.30% 0.0217 148.00)` | Black Metal | white, 20.3 to 1 |
| 58 | `#020501` | `oklch(10.54% 0.0205 135.99)` | Armour Wash | white, 20.4 to 1 |
| 59 | `#020400` | `oklch(9.81% 0.0194 124.44)` | Armour Wash | white, 20.5 to 1 |
| 60 | `#030300` | `oklch(9.12% 0.0185 113.58)` | Armour Wash | white, 20.6 to 1 |
| 61 | `#020200` | `oklch(8.49% 0.0176 103.64)` | Registration Black | white, 20.7 to 1 |
| 62 | `#020200` | `oklch(7.93% 0.0163 94.34)` | Registration Black | white, 20.7 to 1 |
| 63 | `#020100` | `oklch(7.46% 0.0153 86.25)` | Binary Black | white, 20.8 to 1 |
| 64 | `#020100` | `oklch(7.09% 0.0147 80.39)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1a1a1e 0.000% 1.563%, #1d1c25 1.563% 3.125%, #211f2e 3.125% 4.688%, #262239 4.688% 6.250%, #2d2546 6.250% 7.813%, #362753 7.813% 9.375%, #402a61 9.375% 10.938%, #4c2b6f 10.938% 12.500%, #592b7d 12.500% 14.063%, #662b8a 14.063% 15.625%, #732995 15.625% 17.188%, #80279f 17.188% 18.750%, #8b23a7 18.750% 20.313%, #941eae 20.313% 21.875%, #9b19b4 21.875% 23.438%, #9f13b7 23.438% 25.000%, #9f0eba 25.000% 26.563%, #9c0aba 26.563% 28.125%, #9508b9 28.125% 29.688%, #8b07b7 29.688% 31.250%, #7f08b2 31.250% 32.813%, #7209ac 32.813% 34.375%, #630aa4 34.375% 35.938%, #540a9a 35.938% 37.500%, #460b8f 37.500% 39.063%, #380a83 39.063% 40.625%, #2b0a76 40.625% 42.188%, #1f0969 42.188% 43.750%, #15085d 43.750% 45.313%, #0b0751 45.313% 46.875%, #040647 46.875% 48.438%, #00063f 48.438% 50.000%, #000a31 50.000% 51.563%, #000a2a 51.563% 53.125%, #000a26 53.125% 54.688%, #000a24 54.688% 56.250%, #000a23 56.250% 57.813%, #000a23 57.813% 59.375%, #000a23 59.375% 60.938%, #000b24 60.938% 62.500%, #000b25 62.500% 64.063%, #000c26 64.063% 65.625%, #000e25 65.625% 67.188%, #010f24 67.188% 68.750%, #011024 68.750% 70.313%, #011122 70.313% 71.875%, #001121 71.875% 73.438%, #00111f 73.438% 75.000%, #00111c 75.000% 76.563%, #001018 76.563% 78.125%, #000f15 78.125% 79.688%, #000e11 79.688% 81.250%, #000d0d 81.250% 82.813%, #000c0a 82.813% 84.375%, #000a06 84.375% 85.938%, #010804 85.938% 87.500%, #020602 87.500% 89.063%, #020501 89.063% 90.625%, #020400 90.625% 92.188%, #030300 92.188% 93.750%, #020200 93.750% 95.313%, #020200 95.313% 96.875%, #020100 96.875% 98.438%, #020100 98.438% 100.000%);
background: linear-gradient(135deg, oklch(22.05% 0.0083 285.47) 0.000% 1.563%, oklch(23.22% 0.0172 286.89) 1.563% 3.125%, oklch(24.82% 0.0291 288.86) 3.125% 4.688%, oklch(26.77% 0.0433 291.28) 4.688% 6.250%, oklch(28.99% 0.0596 294.07) 6.250% 7.813%, oklch(31.43% 0.0773 297.12) 7.813% 9.375%, oklch(34.01% 0.0961 300.34) 9.375% 10.938%, oklch(36.64% 0.1155 303.62) 10.938% 12.500%, oklch(39.28% 0.1350 306.87) 12.500% 14.063%, oklch(41.83% 0.1541 310.00) 14.063% 15.625%, oklch(44.24% 0.1725 312.90) 15.625% 17.188%, oklch(46.42% 0.1897 315.48) 17.188% 18.750%, oklch(48.31% 0.2051 317.64) 18.750% 20.313%, oklch(49.84% 0.2183 319.28) 20.313% 21.875%, oklch(50.93% 0.2289 320.31) 21.875% 23.438%, oklch(51.51% 0.2364 320.63) 23.438% 25.000%, oklch(51.52% 0.2404 320.14) 25.000% 26.563%, oklch(50.90% 0.2411 318.81) 26.563% 28.125%, oklch(49.73% 0.2390 316.73) 28.125% 29.688%, oklch(48.08% 0.2343 313.99) 29.688% 31.250%, oklch(46.02% 0.2275 310.69) 31.250% 32.813%, oklch(43.63% 0.2189 306.92) 32.813% 34.375%, oklch(40.98% 0.2088 302.78) 34.375% 35.938%, oklch(38.15% 0.1975 298.36) 35.938% 37.500%, oklch(35.21% 0.1855 293.77) 37.500% 39.063%, oklch(32.24% 0.1729 289.09) 39.063% 40.625%, oklch(29.31% 0.1603 284.43) 40.625% 42.188%, oklch(26.50% 0.1478 279.87) 42.188% 43.750%, oklch(23.88% 0.1359 275.52) 43.750% 45.313%, oklch(21.53% 0.1249 271.47) 45.313% 46.875%, oklch(19.53% 0.1151 267.81) 46.875% 48.438%, oklch(17.94% 0.1068 264.65) 48.438% 50.000%, oklch(16.84% 0.0815 262.57) 50.000% 51.563%, oklch(16.04% 0.0686 260.83) 51.563% 53.125%, oklch(15.50% 0.0622 259.68) 53.125% 54.688%, oklch(15.18% 0.0588 258.98) 54.688% 56.250%, oklch(15.06% 0.0573 258.60) 56.250% 57.813%, oklch(15.10% 0.0570 258.42) 57.813% 59.375%, oklch(15.26% 0.0573 258.32) 59.375% 60.938%, oklch(15.52% 0.0579 258.19) 60.938% 62.500%, oklch(15.84% 0.0584 257.89) 62.500% 64.063%, oklch(16.18% 0.0577 257.10) 64.063% 65.625%, oklch(16.51% 0.0545 255.72) 65.625% 67.188%, oklch(16.81% 0.0512 254.24) 67.188% 68.750%, oklch(17.05% 0.0480 252.09) 68.750% 70.313%, oklch(17.19% 0.0450 249.14) 70.313% 71.875%, oklch(17.18% 0.0421 245.28) 71.875% 73.438%, oklch(17.01% 0.0392 240.43) 73.438% 75.000%, oklch(16.69% 0.0353 234.85) 75.000% 76.563%, oklch(16.23% 0.0314 227.12) 76.563% 78.125%, oklch(15.68% 0.0282 218.00) 78.125% 79.688%, oklch(15.06% 0.0259 207.70) 79.688% 81.250%, oklch(14.39% 0.0245 196.40) 81.250% 82.813%, oklch(13.66% 0.0242 184.35) 82.813% 84.375%, oklch(12.86% 0.0244 172.54) 84.375% 85.938%, oklch(12.08% 0.0230 160.26) 85.938% 87.500%, oklch(11.30% 0.0217 148.00) 87.500% 89.063%, oklch(10.54% 0.0205 135.99) 89.063% 90.625%, oklch(9.81% 0.0194 124.44) 90.625% 92.188%, oklch(9.12% 0.0185 113.58) 92.188% 93.750%, oklch(8.49% 0.0176 103.64) 93.750% 95.313%, oklch(7.93% 0.0163 94.34) 95.313% 96.875%, oklch(7.46% 0.0153 86.25) 96.875% 98.438%, oklch(7.09% 0.0147 80.39) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.008 | 285.5 |
| 2 | 0.516 | 0.24 | 320.3 |
| 3 | 0.173 | 0.103 | 263.3 |
| 4 | 0.169 | 0.039 | 239 |
| 5 | 0.071 | 0.015 | 81.5 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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