# Near-black and plum color palette The Near-black and plum color palette brings together dark purple, magenta, and red. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is red. - Also called: Monochrome black to purple linear gradient - Seed: `kWLxLXnxLBiqaQW3nEGwpnBQ` - Page: https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, muted, dark - Hues: analogous - Contrast of its darkest and lightest colors: 3.3 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 | `#15101c` | `oklch(18.50% 0.0248 303.05)` | Corbeau | white, 18.7 to 1 | | 2 | `#16111e` | `oklch(18.95% 0.0269 304.15)` | Back in Black | white, 18.5 to 1 | | 3 | `#181120` | `oklch(19.53% 0.0298 305.64)` | Corbeau | white, 18.3 to 1 | | 4 | `#1b1222` | `oklch(20.22% 0.0333 307.41)` | Inside | white, 18.1 to 1 | | 5 | `#1d1325` | `oklch(20.99% 0.0371 309.38)` | Inside | white, 17.8 to 1 | | 6 | `#201428` | `oklch(21.84% 0.0410 311.43)` | Inside | white, 17.5 to 1 | | 7 | `#24162b` | `oklch(22.75% 0.0449 313.48)` | Inside | white, 17.2 to 1 | | 8 | `#27172e` | `oklch(23.69% 0.0486 315.44)` | Dark Prom Queen | white, 16.8 to 1 | | 9 | `#2b1831` | `oklch(24.65% 0.0517 317.21)` | Blackcurrant | white, 16.4 to 1 | | 10 | `#2e1a34` | `oklch(25.68% 0.0548 318.87)` | Blackcurrant | white, 15.9 to 1 | | 11 | `#321c37` | `oklch(26.77% 0.0578 320.48)` | Blackcurrant | white, 15.4 to 1 | | 12 | `#361e3a` | `oklch(27.92% 0.0608 322.07)` | Fat Tuesday | white, 14.9 to 1 | | 13 | `#3b203e` | `oklch(29.12% 0.0637 323.65)` | Kokimurasaki Purple | white, 14.4 to 1 | | 14 | `#3f2241` | `oklch(30.35% 0.0663 325.26)` | Profound Mauve | white, 13.8 to 1 | | 15 | `#442444` | `oklch(31.59% 0.0687 326.89)` | Opulent Mauve | white, 13.2 to 1 | | 16 | `#482747` | `oklch(32.84% 0.0708 328.59)` | Opulent Mauve | white, 12.7 to 1 | | 17 | `#4d294a` | `oklch(34.09% 0.0725 330.37)` | Murasaki | white, 12.1 to 1 | | 18 | `#522c4c` | `oklch(35.40% 0.0739 332.24)` | Plum Skin | white, 11.5 to 1 | | 19 | `#572f4f` | `oklch(36.73% 0.0750 334.19)` | Purple Prose | white, 10.9 to 1 | | 20 | `#5b3252` | `oklch(38.10% 0.0759 336.18)` | Japanese Violet | white, 10.3 to 1 | | 21 | `#603554` | `oklch(39.46% 0.0765 338.17)` | Blackberry Deep Red | white, 9.8 to 1 | | 22 | `#653857` | `oklch(40.81% 0.0769 340.13)` | Halayà Úbe | white, 9.2 to 1 | | 23 | `#6a3c59` | `oklch(42.13% 0.0771 342.03)` | Royal Lines | white, 8.7 to 1 | | 24 | `#6e3f5b` | `oklch(43.39% 0.0772 343.83)` | Royal Lines | white, 8.3 to 1 | | 25 | `#73425e` | `oklch(44.64% 0.0770 345.56)` | Purple Drab | white, 7.8 to 1 | | 26 | `#774660` | `oklch(45.93% 0.0763 347.33)` | Scintillating Violet | white, 7.4 to 1 | | 27 | `#7b4962` | `oklch(47.24% 0.0754 349.09)` | Princely | white, 7 to 1 | | 28 | `#7f4d64` | `oklch(48.52% 0.0742 350.79)` | Nectar Red | white, 6.6 to 1 | | 29 | `#835166` | `oklch(49.71% 0.0730 352.38)` | Private Tone | white, 6.3 to 1 | | 30 | `#865468` | `oklch(50.78% 0.0719 353.79)` | Private Tone | white, 6 to 1 | | 31 | `#89576a` | `oklch(51.68% 0.0709 354.98)` | Tulipwood | white, 5.8 to 1 | | 32 | `#8b596b` | `oklch(52.36% 0.0703 355.88)` | Majestic Orchid | white, 5.6 to 1 | ## CSS ```css background: linear-gradient(90deg, #15101c 0.0%, #16111e 3.2%, #181120 6.5%, #1b1222 9.7%, #1d1325 12.9%, #201428 16.1%, #24162b 19.4%, #27172e 22.6%, #2b1831 25.8%, #2e1a34 29.0%, #321c37 32.3%, #361e3a 35.5%, #3b203e 38.7%, #3f2241 41.9%, #442444 45.2%, #482747 48.4%, #4d294a 51.6%, #522c4c 54.8%, #572f4f 58.1%, #5b3252 61.3%, #603554 64.5%, #653857 67.7%, #6a3c59 71.0%, #6e3f5b 74.2%, #73425e 77.4%, #774660 80.6%, #7b4962 83.9%, #7f4d64 87.1%, #835166 90.3%, #865468 93.5%, #89576a 96.8%, #8b596b 100.0%); background: linear-gradient(90deg in oklch, oklch(18.50% 0.0248 303.05) 0.0%, oklch(18.95% 0.0269 304.15) 3.2%, oklch(19.53% 0.0298 305.64) 6.5%, oklch(20.22% 0.0333 307.41) 9.7%, oklch(20.99% 0.0371 309.38) 12.9%, oklch(21.84% 0.0410 311.43) 16.1%, oklch(22.75% 0.0449 313.48) 19.4%, oklch(23.69% 0.0486 315.44) 22.6%, oklch(24.65% 0.0517 317.21) 25.8%, oklch(25.68% 0.0548 318.87) 29.0%, oklch(26.77% 0.0578 320.48) 32.3%, oklch(27.92% 0.0608 322.07) 35.5%, oklch(29.12% 0.0637 323.65) 38.7%, oklch(30.35% 0.0663 325.26) 41.9%, oklch(31.59% 0.0687 326.89) 45.2%, oklch(32.84% 0.0708 328.59) 48.4%, oklch(34.09% 0.0725 330.37) 51.6%, oklch(35.40% 0.0739 332.24) 54.8%, oklch(36.73% 0.0750 334.19) 58.1%, oklch(38.10% 0.0759 336.18) 61.3%, oklch(39.46% 0.0765 338.17) 64.5%, oklch(40.81% 0.0769 340.13) 67.7%, oklch(42.13% 0.0771 342.03) 71.0%, oklch(43.39% 0.0772 343.83) 74.2%, oklch(44.64% 0.0770 345.56) 77.4%, oklch(45.93% 0.0763 347.33) 80.6%, oklch(47.24% 0.0754 349.09) 83.9%, oklch(48.52% 0.0742 350.79) 87.1%, oklch(49.71% 0.0730 352.38) 90.3%, oklch(50.78% 0.0719 353.79) 93.5%, oklch(51.68% 0.0709 354.98) 96.8%, oklch(52.36% 0.0703 355.88) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.185 | 0.025 | 303 | | 2 | 0.244 | 0.051 | 316.8 | | 3 | 0.335 | 0.072 | 329.5 | | 4 | 0.437 | 0.077 | 344.3 | | 5 | 0.524 | 0.07 | 355.9 | ## In these collections - [Moody gradients](https://grabient.com/moody-gradients) - [Dark muted gradients](https://grabient.com/dark-muted-gradients) ## Other forms - [JSON](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.json?steps=32) - [PNG](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.png?steps=32) - [SVG](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.svg?steps=32) - [CSS](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.css?steps=32) - [ASE](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.ase?steps=32) - [GPL](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.gpl?steps=32) - [GRD](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.grd?steps=32) - [Design tokens](https://grabient.com/kWLxLXnxLBiqaQW3nEGwpnBQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWLxLXnxLBiqaQW3nEGwpnBQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWLxLXnxLBiqaQW3nEGwpnBQ) - [Guide for agents](https://grabient.com/llms.txt)