# Near-black and magenta dark palette

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

- Also called: Seamless black and purple angular gradient
- Seed: `kWFw_jpSS_7q2wQgGb4i4e_4`
- Page: https://grabient.com/kWFw_jpSS_7q2wQgGb4i4e_4?style=angularGradient&steps=40&angle=135
- Drawn as: angular gradient, 40 steps, 135 degrees
- Kinds: light center, dark, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#040105` | `oklch(9.06% 0.0207 319.92)` | Raven’s Coat | white, 20.7 to 1 |
| 2 | `#060208` | `oklch(10.30% 0.0257 319.88)` | Raven’s Coat | white, 20.5 to 1 |
| 3 | `#0a030d` | `oklch(11.93% 0.0324 319.76)` | Broken Tube | white, 20.3 to 1 |
| 4 | `#100413` | `oklch(13.86% 0.0404 319.61)` | Not Tonight | white, 20 to 1 |
| 5 | `#16051a` | `oklch(16.02% 0.0493 319.45)` | Crow | white, 19.5 to 1 |
| 6 | `#1d0822` | `oklch(18.33% 0.0587 319.31)` | Meški Black | white, 18.9 to 1 |
| 7 | `#240a2b` | `oklch(20.73% 0.0684 319.23)` | Blacklist | white, 18.1 to 1 |
| 8 | `#2c0e34` | `oklch(23.13% 0.0780 319.23)` | Dark Prom Queen | white, 17.2 to 1 |
| 9 | `#34113c` | `oklch(25.45% 0.0870 319.35)` | Purple Door | white, 16.2 to 1 |
| 10 | `#3b1444` | `oklch(27.64% 0.0952 319.61)` | Velvet Cosmos | white, 15.3 to 1 |
| 11 | `#42164c` | `oklch(29.62% 0.1023 320.06)` | Velvet Cosmos | white, 14.4 to 1 |
| 12 | `#4a1a53` | `oklch(31.73% 0.1094 320.85)` | Plunged Into Darkness | white, 13.4 to 1 |
| 13 | `#521d5b` | `oklch(34.03% 0.1168 321.97)` | Purple Velour | white, 12.4 to 1 |
| 14 | `#5c2163` | `oklch(36.41% 0.1242 323.29)` | Elegant Purple Gown | white, 11.3 to 1 |
| 15 | `#65246a` | `oklch(38.76% 0.1313 324.71)` | Blackest Berry | white, 10.4 to 1 |
| 16 | `#6e2871` | `oklch(40.96% 0.1377 326.12)` | Count’s Wardrobe | white, 9.5 to 1 |
| 17 | `#762b77` | `oklch(42.90% 0.1432 327.42)` | Count’s Wardrobe | white, 8.8 to 1 |
| 18 | `#7d2d7b` | `oklch(44.48% 0.1474 328.48)` | Veronica Purple | white, 8.2 to 1 |
| 19 | `#822f7f` | `oklch(45.57% 0.1500 329.21)` | Purple Sultan | white, 7.8 to 1 |
| 20 | `#843180` | `oklch(46.07% 0.1507 329.49)` | Purple Sultan | white, 7.7 to 1 |
| 21 | `#82317f` | `oklch(45.86% 0.1490 329.22)` | Purple Sultan | white, 7.7 to 1 |
| 22 | `#7e307c` | `oklch(44.89% 0.1447 328.35)` | Veronica Purple | white, 8 to 1 |
| 23 | `#762e77` | `oklch(43.28% 0.1381 327.00)` | Maximum Purple | white, 8.6 to 1 |
| 24 | `#6c2c70` | `oklch(41.16% 0.1298 325.30)` | Seance | white, 9.4 to 1 |
| 25 | `#622968` | `oklch(38.69% 0.1202 323.38)` | Imperial | white, 10.3 to 1 |
| 26 | `#56255f` | `oklch(35.99% 0.1100 321.36)` | Kuwanomi Purple | white, 11.4 to 1 |
| 27 | `#4b2155` | `oklch(33.20% 0.0995 319.37)` | Wonka Purple | white, 12.6 to 1 |
| 28 | `#411d4c` | `oklch(30.46% 0.0893 317.54)` | Obsidian Orchid | white, 13.9 to 1 |
| 29 | `#381a43` | `oklch(27.91% 0.0800 315.99)` | Power Outage | white, 15 to 1 |
| 30 | `#30163b` | `oklch(25.69% 0.0720 314.85)` | Blackcurrant | white, 16 to 1 |
| 31 | `#2a1434` | `oklch(23.76% 0.0653 314.15)` | Dark Prom Queen | white, 16.8 to 1 |
| 32 | `#24102d` | `oklch(21.80% 0.0589 313.74)` | Blacklist | white, 17.6 to 1 |
| 33 | `#1e0d26` | `oklch(19.84% 0.0527 313.56)` | Meški Black | white, 18.3 to 1 |
| 34 | `#190a20` | `oklch(17.91% 0.0467 313.56)` | Meški Black | white, 19 to 1 |
| 35 | `#14071a` | `oklch(16.05% 0.0411 313.69)` | Crow | white, 19.5 to 1 |
| 36 | `#0f0514` | `oklch(14.29% 0.0360 313.90)` | Not Tonight | white, 19.9 to 1 |
| 37 | `#0b040f` | `oklch(12.68% 0.0313 314.15)` | Not Tonight | white, 20.2 to 1 |
| 38 | `#08030b` | `oklch(11.24% 0.0271 314.39)` | Broken Tube | white, 20.4 to 1 |
| 39 | `#050208` | `oklch(10.02% 0.0236 314.57)` | Raven’s Coat | white, 20.6 to 1 |
| 40 | `#040105` | `oklch(9.06% 0.0207 314.64)` | Raven’s Coat | white, 20.7 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #040105 0.0%, #060208 2.6%, #0a030d 5.1%, #100413 7.7%, #16051a 10.3%, #1d0822 12.8%, #240a2b 15.4%, #2c0e34 17.9%, #34113c 20.5%, #3b1444 23.1%, #42164c 25.6%, #4a1a53 28.2%, #521d5b 30.8%, #5c2163 33.3%, #65246a 35.9%, #6e2871 38.5%, #762b77 41.0%, #7d2d7b 43.6%, #822f7f 46.2%, #843180 48.7%, #82317f 51.3%, #7e307c 53.8%, #762e77 56.4%, #6c2c70 59.0%, #622968 61.5%, #56255f 64.1%, #4b2155 66.7%, #411d4c 69.2%, #381a43 71.8%, #30163b 74.4%, #2a1434 76.9%, #24102d 79.5%, #1e0d26 82.1%, #190a20 84.6%, #14071a 87.2%, #0f0514 89.7%, #0b040f 92.3%, #08030b 94.9%, #050208 97.4%, #040105 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(9.06% 0.0207 319.92) 0.0%, oklch(10.30% 0.0257 319.88) 2.6%, oklch(11.93% 0.0324 319.76) 5.1%, oklch(13.86% 0.0404 319.61) 7.7%, oklch(16.02% 0.0493 319.45) 10.3%, oklch(18.33% 0.0587 319.31) 12.8%, oklch(20.73% 0.0684 319.23) 15.4%, oklch(23.13% 0.0780 319.23) 17.9%, oklch(25.45% 0.0870 319.35) 20.5%, oklch(27.64% 0.0952 319.61) 23.1%, oklch(29.62% 0.1023 320.06) 25.6%, oklch(31.73% 0.1094 320.85) 28.2%, oklch(34.03% 0.1168 321.97) 30.8%, oklch(36.41% 0.1242 323.29) 33.3%, oklch(38.76% 0.1313 324.71) 35.9%, oklch(40.96% 0.1377 326.12) 38.5%, oklch(42.90% 0.1432 327.42) 41.0%, oklch(44.48% 0.1474 328.48) 43.6%, oklch(45.57% 0.1500 329.21) 46.2%, oklch(46.07% 0.1507 329.49) 48.7%, oklch(45.86% 0.1490 329.22) 51.3%, oklch(44.89% 0.1447 328.35) 53.8%, oklch(43.28% 0.1381 327.00) 56.4%, oklch(41.16% 0.1298 325.30) 59.0%, oklch(38.69% 0.1202 323.38) 61.5%, oklch(35.99% 0.1100 321.36) 64.1%, oklch(33.20% 0.0995 319.37) 66.7%, oklch(30.46% 0.0893 317.54) 69.2%, oklch(27.91% 0.0800 315.99) 71.8%, oklch(25.69% 0.0720 314.85) 74.4%, oklch(23.76% 0.0653 314.15) 76.9%, oklch(21.80% 0.0589 313.74) 79.5%, oklch(19.84% 0.0527 313.56) 82.1%, oklch(17.91% 0.0467 313.56) 84.6%, oklch(16.05% 0.0411 313.69) 87.2%, oklch(14.29% 0.0360 313.90) 89.7%, oklch(12.68% 0.0313 314.15) 92.3%, oklch(11.24% 0.0271 314.39) 94.9%, oklch(10.02% 0.0236 314.57) 97.4%, oklch(9.06% 0.0207 314.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.091 | 0.021 | 319.9 |
| 2 | 0.291 | 0.101 | 319.9 |
| 3 | 0.461 | 0.15 | 329.4 |
| 4 | 0.252 | 0.07 | 314.6 |
| 5 | 0.091 | 0.021 | 314.6 |

## In these collections

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

## Other forms

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