# Near-black and violet color palette

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

- Also called: Black, purple, magenta and navy linear gradient
- Seed: `kUKB7fPTw5c1byQNCLhA`
- Page: https://grabient.com/kUKB7fPTw5c1byQNCLhA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 5 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 | `#130719` | `oklch(15.75% 0.0413 313.59)` | Crow | white, 19.6 to 1 |
| 2 | `#170a21` | `oklch(17.68% 0.0486 309.89)` | Shot in the Dark | white, 19 to 1 |
| 3 | `#1d0e2c` | `oklch(20.26% 0.0581 304.42)` | Midnight Monarch | white, 18.2 to 1 |
| 4 | `#22143a` | `oklch(23.35% 0.0694 297.71)` | Prune Plum | white, 17 to 1 |
| 5 | `#271c4a` | `oklch(26.80% 0.0820 290.25)` | Silent Orbit | white, 15.5 to 1 |
| 6 | `#2a255d` | `oklch(30.48% 0.0956 282.56)` | Cluedo Night | white, 13.7 to 1 |
| 7 | `#2a3070` | `oklch(34.24% 0.1096 275.15)` | Blue Rose | white, 11.9 to 1 |
| 8 | `#273b83` | `oklch(37.94% 0.1237 268.53)` | Surf the Web | white, 10.3 to 1 |
| 9 | `#214695` | `oklch(41.44% 0.1374 263.20)` | Cascade Twilight | white, 8.8 to 1 |
| 10 | `#194fa5` | `oklch(44.60% 0.1503 259.67)` | Ruri Blue | white, 7.7 to 1 |
| 11 | `#1457b4` | `oklch(47.27% 0.1619 258.45)` | Bottled Sea | white, 6.9 to 1 |
| 12 | `#1d5bc2` | `oklch(49.52% 0.1726 260.17)` | Amnesia Blue | white, 6.2 to 1 |
| 13 | `#335dd1` | `oklch(51.87% 0.1849 265.14)` | Bnei Brak Bay | white, 5.7 to 1 |
| 14 | `#4d5de0` | `oklch(54.24% 0.1982 272.67)` | Arcane Brew | white, 5.3 to 1 |
| 15 | `#695aec` | `oklch(56.51% 0.2117 282.01)` | Candy Grape Fizz | white, 4.9 to 1 |
| 16 | `#8554f2` | `oklch(58.58% 0.2247 292.43)` | Purple Honeycreeper | white, 4.6 to 1 |
| 17 | `#a04cf2` | `oklch(60.32% 0.2365 303.18)` | Aconite Violet | black, 4.7 to 1 |
| 18 | `#b742ea` | `oklch(61.61% 0.2462 313.50)` | Ultraviolet Onsible | black, 4.9 to 1 |
| 19 | `#ca38dd` | `oklch(62.34% 0.2531 322.67)` | Eupatorium Purple | black, 5.1 to 1 |
| 20 | `#d52dce` | `oklch(62.39% 0.2565 329.94)` | Steel Pink | black, 5.1 to 1 |
| 21 | `#d824c1` | `oklch(61.63% 0.2555 334.55)` | Magentella | black, 4.9 to 1 |
| 22 | `#d220b7` | `oklch(59.93% 0.2494 335.81)` | Magentella | black, 4.6 to 1 |
| 23 | `#c11fae` | `oklch(56.85% 0.2364 333.93)` | Amora Purple | white, 5.1 to 1 |
| 24 | `#a921a5` | `oklch(52.52% 0.2174 329.54)` | Ultra Violet Lentz | white, 6 to 1 |
| 25 | `#8b2298` | `oklch(47.26% 0.1937 323.20)` | Passionate Purple | white, 7.5 to 1 |
| 26 | `#6c2187` | `oklch(41.38% 0.1669 315.47)` | Sapphire Siren | white, 9.5 to 1 |
| 27 | `#4e1e72` | `oklch(35.18% 0.1384 306.92)` | Velvet Vortex | white, 11.9 to 1 |
| 28 | `#331959` | `oklch(28.97% 0.1098 298.09)` | Fabric of Space | white, 14.7 to 1 |
| 29 | `#1e1340` | `oklch(23.07% 0.0825 289.56)` | Prune Plum | white, 17.2 to 1 |
| 30 | `#0e0c29` | `oklch(17.77% 0.0581 281.88)` | Void | white, 19 to 1 |
| 31 | `#050617` | `oklch(13.39% 0.0379 275.62)` | Not Tonight | white, 20 to 1 |
| 32 | `#02030a` | `oklch(10.24% 0.0234 271.32)` | Ninja | white, 20.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #130719 0.0%, #170a21 3.2%, #1d0e2c 6.5%, #22143a 9.7%, #271c4a 12.9%, #2a255d 16.1%, #2a3070 19.4%, #273b83 22.6%, #214695 25.8%, #194fa5 29.0%, #1457b4 32.3%, #1d5bc2 35.5%, #335dd1 38.7%, #4d5de0 41.9%, #695aec 45.2%, #8554f2 48.4%, #a04cf2 51.6%, #b742ea 54.8%, #ca38dd 58.1%, #d52dce 61.3%, #d824c1 64.5%, #d220b7 67.7%, #c11fae 71.0%, #a921a5 74.2%, #8b2298 77.4%, #6c2187 80.6%, #4e1e72 83.9%, #331959 87.1%, #1e1340 90.3%, #0e0c29 93.5%, #050617 96.8%, #02030a 100.0%);
background: linear-gradient(45deg in oklch, oklch(15.75% 0.0413 313.59) 0.0%, oklch(17.68% 0.0486 309.89) 3.2%, oklch(20.26% 0.0581 304.42) 6.5%, oklch(23.35% 0.0694 297.71) 9.7%, oklch(26.80% 0.0820 290.25) 12.9%, oklch(30.48% 0.0956 282.56) 16.1%, oklch(34.24% 0.1096 275.15) 19.4%, oklch(37.94% 0.1237 268.53) 22.6%, oklch(41.44% 0.1374 263.20) 25.8%, oklch(44.60% 0.1503 259.67) 29.0%, oklch(47.27% 0.1619 258.45) 32.3%, oklch(49.52% 0.1726 260.17) 35.5%, oklch(51.87% 0.1849 265.14) 38.7%, oklch(54.24% 0.1982 272.67) 41.9%, oklch(56.51% 0.2117 282.01) 45.2%, oklch(58.58% 0.2247 292.43) 48.4%, oklch(60.32% 0.2365 303.18) 51.6%, oklch(61.61% 0.2462 313.50) 54.8%, oklch(62.34% 0.2531 322.67) 58.1%, oklch(62.39% 0.2565 329.94) 61.3%, oklch(61.63% 0.2555 334.55) 64.5%, oklch(59.93% 0.2494 335.81) 67.7%, oklch(56.85% 0.2364 333.93) 71.0%, oklch(52.52% 0.2174 329.54) 74.2%, oklch(47.26% 0.1937 323.20) 77.4%, oklch(41.38% 0.1669 315.47) 80.6%, oklch(35.18% 0.1384 306.92) 83.9%, oklch(28.97% 0.1098 298.09) 87.1%, oklch(23.07% 0.0825 289.56) 90.3%, oklch(17.77% 0.0581 281.88) 93.5%, oklch(13.39% 0.0379 275.62) 96.8%, oklch(10.24% 0.0234 271.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.157 | 0.041 | 313.6 |
| 2 | 0.48 | 0.165 | 258.6 |
| 3 | 0.606 | 0.252 | 335.8 |
| 4 | 0.102 | 0.023 | 271.3 |

## In these collections

- [Magenta color palette](https://grabient.com/magenta-color-palette)
- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)
- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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