# Near-black and violet color palette

The Near-black and violet color palette brings together black, dark blue, purple, and dark magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is black, and its lightest tone is purple.

- Also called: Seamless black, blue and purple linear gradient
- Seed: `kWGRLFpjM_8nTw-mL0MCga_4`
- Page: https://grabient.com/kWGRLFpjM_8nTw-mL0MCga_4?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, vivid, dark, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#02030a` | `oklch(9.84% 0.0248 277.73)` | Ninja | white, 20.6 to 1 |
| 2 | `#03030f` | `oklch(11.04% 0.0320 277.57)` | Broken Tube | white, 20.4 to 1 |
| 3 | `#040416` | `oklch(12.53% 0.0415 277.17)` | Obsidian Shard | white, 20.2 to 1 |
| 4 | `#06061f` | `oklch(14.28% 0.0527 276.63)` | Melanophobia | white, 19.9 to 1 |
| 5 | `#080829` | `oklch(16.26% 0.0653 276.06)` | Mysterious Depths | white, 19.4 to 1 |
| 6 | `#0b0b34` | `oklch(18.41% 0.0788 275.57)` | Infinite Night | white, 18.8 to 1 |
| 7 | `#0f0e41` | `oklch(20.71% 0.0927 275.27)` | Deadly Depths | white, 18.1 to 1 |
| 8 | `#13114d` | `oklch(23.11% 0.1065 275.28)` | Shadowdancer | white, 17.2 to 1 |
| 9 | `#18155b` | `oklch(25.58% 0.1198 275.69)` | Space Colonisation | white, 16.2 to 1 |
| 10 | `#1e1868` | `oklch(28.06% 0.1322 276.63)` | Ocean Abyss | white, 15.1 to 1 |
| 11 | `#251c74` | `oklch(30.56% 0.1432 278.19)` | Snorlax | white, 14 to 1 |
| 12 | `#2e2082` | `oklch(33.52% 0.1547 280.48)` | Indiglow | white, 12.7 to 1 |
| 13 | `#3b2692` | `oklch(36.98% 0.1669 283.38)` | Gentian Blue | white, 11.2 to 1 |
| 14 | `#492ca3` | `oklch(40.73% 0.1794 286.78)` | Galactic Purple | white, 9.6 to 1 |
| 15 | `#5931b3` | `oklch(44.56% 0.1916 290.53)` | Illustrious Indigo | white, 8.3 to 1 |
| 16 | `#6a37c2` | `oklch(48.26% 0.2030 294.50)` | Sagat Purple | white, 7.1 to 1 |
| 17 | `#7b3bce` | `oklch(51.64% 0.2131 298.56)` | Purple Rain | white, 6.2 to 1 |
| 18 | `#8b3ed7` | `oklch(54.48% 0.2213 302.58)` | Thick Purple | white, 5.5 to 1 |
| 19 | `#9940dc` | `oklch(56.57% 0.2271 306.42)` | Chaste Blossoms | white, 5.1 to 1 |
| 20 | `#a240dc` | `oklch(57.72% 0.2299 309.94)` | Magenta Affair | white, 4.8 to 1 |
| 21 | `#a73dd7` | `oklch(57.72% 0.2294 313.11)` | Purple Yam | white, 4.8 to 1 |
| 22 | `#a738cc` | `oklch(56.59% 0.2252 316.29)` | Telemagenta | white, 5.1 to 1 |
| 23 | `#a432bd` | `oklch(54.53% 0.2181 319.49)` | Pink Spyro | white, 5.5 to 1 |
| 24 | `#9c2aac` | `oklch(51.72% 0.2085 322.67)` | Pink Spyro | white, 6.2 to 1 |
| 25 | `#922299` | `oklch(48.37% 0.1970 325.75)` | Acai Juice | white, 7.1 to 1 |
| 26 | `#871a85` | `oklch(44.69% 0.1843 328.68)` | Violaceous Greti | white, 8.3 to 1 |
| 27 | `#7a1173` | `oklch(40.87% 0.1709 331.39)` | Pure Purple | white, 9.7 to 1 |
| 28 | `#6c0a61` | `oklch(37.11% 0.1574 333.83)` | Hexed Lichen | white, 11.3 to 1 |
| 29 | `#600452` | `oklch(33.62% 0.1443 335.92)` | Grape Purple | white, 12.8 to 1 |
| 30 | `#550246` | `oklch(30.58% 0.1323 337.62)` | Royal Ash | white, 14.2 to 1 |
| 31 | `#4b013c` | `oklch(27.97% 0.1210 338.84)` | Pion Purple | white, 15.3 to 1 |
| 32 | `#400133` | `oklch(25.32% 0.1087 339.57)` | Greek Aubergine | white, 16.5 to 1 |
| 33 | `#36012a` | `oklch(22.64% 0.0957 339.89)` | Vienna Roast | white, 17.5 to 1 |
| 34 | `#2c0221` | `oklch(20.01% 0.0823 339.89)` | Globe Thistle | white, 18.4 to 1 |
| 35 | `#22021a` | `oklch(17.46% 0.0691 339.66)` | Belladonna | white, 19.2 to 1 |
| 36 | `#190213` | `oklch(15.05% 0.0563 339.28)` | Crow | white, 19.8 to 1 |
| 37 | `#11020d` | `oklch(12.84% 0.0444 338.84)` | Glossy Black | white, 20.2 to 1 |
| 38 | `#0b0107` | `oklch(10.87% 0.0338 338.41)` | Pupil | white, 20.5 to 1 |
| 39 | `#060104` | `oklch(9.20% 0.0248 338.09)` | Raven’s Coat | white, 20.7 to 1 |
| 40 | `#030102` | `oklch(7.87% 0.0179 337.97)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #02030a 0.0%, #03030f 2.6%, #040416 5.1%, #06061f 7.7%, #080829 10.3%, #0b0b34 12.8%, #0f0e41 15.4%, #13114d 17.9%, #18155b 20.5%, #1e1868 23.1%, #251c74 25.6%, #2e2082 28.2%, #3b2692 30.8%, #492ca3 33.3%, #5931b3 35.9%, #6a37c2 38.5%, #7b3bce 41.0%, #8b3ed7 43.6%, #9940dc 46.2%, #a240dc 48.7%, #a73dd7 51.3%, #a738cc 53.8%, #a432bd 56.4%, #9c2aac 59.0%, #922299 61.5%, #871a85 64.1%, #7a1173 66.7%, #6c0a61 69.2%, #600452 71.8%, #550246 74.4%, #4b013c 76.9%, #400133 79.5%, #36012a 82.1%, #2c0221 84.6%, #22021a 87.2%, #190213 89.7%, #11020d 92.3%, #0b0107 94.9%, #060104 97.4%, #030102 100.0%);
background: linear-gradient(135deg in oklch, oklch(9.84% 0.0248 277.73) 0.0%, oklch(11.04% 0.0320 277.57) 2.6%, oklch(12.53% 0.0415 277.17) 5.1%, oklch(14.28% 0.0527 276.63) 7.7%, oklch(16.26% 0.0653 276.06) 10.3%, oklch(18.41% 0.0788 275.57) 12.8%, oklch(20.71% 0.0927 275.27) 15.4%, oklch(23.11% 0.1065 275.28) 17.9%, oklch(25.58% 0.1198 275.69) 20.5%, oklch(28.06% 0.1322 276.63) 23.1%, oklch(30.56% 0.1432 278.19) 25.6%, oklch(33.52% 0.1547 280.48) 28.2%, oklch(36.98% 0.1669 283.38) 30.8%, oklch(40.73% 0.1794 286.78) 33.3%, oklch(44.56% 0.1916 290.53) 35.9%, oklch(48.26% 0.2030 294.50) 38.5%, oklch(51.64% 0.2131 298.56) 41.0%, oklch(54.48% 0.2213 302.58) 43.6%, oklch(56.57% 0.2271 306.42) 46.2%, oklch(57.72% 0.2299 309.94) 48.7%, oklch(57.72% 0.2294 313.11) 51.3%, oklch(56.59% 0.2252 316.29) 53.8%, oklch(54.53% 0.2181 319.49) 56.4%, oklch(51.72% 0.2085 322.67) 59.0%, oklch(48.37% 0.1970 325.75) 61.5%, oklch(44.69% 0.1843 328.68) 64.1%, oklch(40.87% 0.1709 331.39) 66.7%, oklch(37.11% 0.1574 333.83) 69.2%, oklch(33.62% 0.1443 335.92) 71.8%, oklch(30.58% 0.1323 337.62) 74.4%, oklch(27.97% 0.1210 338.84) 76.9%, oklch(25.32% 0.1087 339.57) 79.5%, oklch(22.64% 0.0957 339.89) 82.1%, oklch(20.01% 0.0823 339.89) 84.6%, oklch(17.46% 0.0691 339.66) 87.2%, oklch(15.05% 0.0563 339.28) 89.7%, oklch(12.84% 0.0444 338.84) 92.3%, oklch(10.87% 0.0338 338.41) 94.9%, oklch(9.20% 0.0248 338.09) 97.4%, oklch(7.87% 0.0179 337.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.025 | 277.7 |
| 2 | 0.299 | 0.141 | 277.7 |
| 3 | 0.579 | 0.23 | 311.6 |
| 4 | 0.299 | 0.13 | 338 |
| 5 | 0.079 | 0.018 | 338 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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