# Near-black and magenta color palette The Near-black and magenta color palette brings together dark purple, magenta, and pale magenta. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is pale magenta. - Also called: Analogous black, purple and pink linear gradient - Seed: `kWIR7SJC3AkNOwxbTUDdJm_Q` - Page: https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q?steps=32&angle=135 - Drawn as: linear gradient, 32 steps, 135 degrees - Kinds: dark to light, vivid - Hues: analogous - Contrast of its darkest and lightest colors: 15.4 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 | `#090416` | `oklch(12.99% 0.0413 295.31)` | Not Tonight | white, 20.1 to 1 | | 2 | `#0c051b` | `oklch(14.16% 0.0480 295.58)` | Not Tonight | white, 19.9 to 1 | | 3 | `#0f0621` | `oklch(15.64% 0.0569 295.78)` | Election Night | white, 19.6 to 1 | | 4 | `#14072a` | `oklch(17.40% 0.0674 296.00)` | Quiet Abyss | white, 19.2 to 1 | | 5 | `#190833` | `oklch(19.41% 0.0792 296.36)` | Quiet Abyss | white, 18.6 to 1 | | 6 | `#200a3e` | `oklch(21.61% 0.0916 296.95)` | Middle Red Purple | white, 17.9 to 1 | | 7 | `#270c49` | `oklch(23.96% 0.1043 297.87)` | Oily Purple | white, 17 to 1 | | 8 | `#2f0e54` | `oklch(26.44% 0.1166 299.23)` | Vanishing | white, 15.9 to 1 | | 9 | `#38115f` | `oklch(29.00% 0.1283 301.14)` | Wicked Purple | white, 14.8 to 1 | | 10 | `#43136b` | `oklch(31.83% 0.1407 303.87)` | Obsidian Shell | white, 13.6 to 1 | | 11 | `#501577` | `oklch(34.94% 0.1541 307.29)` | Velvet Vortex | white, 12.2 to 1 | | 12 | `#5f1782` | `oklch(38.22% 0.1679 311.15)` | Extraviolet | white, 10.8 to 1 | | 13 | `#6f198d` | `oklch(41.60% 0.1813 315.19)` | Chinese Purple | white, 9.5 to 1 | | 14 | `#801c97` | `oklch(44.97% 0.1938 319.16)` | Noble Cause Purple | white, 8.3 to 1 | | 15 | `#901e9f` | `oklch(48.24% 0.2046 322.78)` | Passionate Purple | white, 7.2 to 1 | | 16 | `#a023a6` | `oklch(51.32% 0.2131 325.81)` | Purple Tone Ink | white, 6.4 to 1 | | 17 | `#ad28ad` | `oklch(54.13% 0.2190 328.05)` | Ultra Violet Lentz | white, 5.6 to 1 | | 18 | `#b92eb3` | `oklch(56.74% 0.2236 329.84)` | San Francisco Pink | white, 5.1 to 1 | | 19 | `#c435b9` | `oklch(59.22% 0.2269 331.26)` | Purple Pink | white, 4.6 to 1 | | 20 | `#ce3cbf` | `oklch(61.60% 0.2286 332.36)` | Purple Pink | black, 5 to 1 | | 21 | `#d744c5` | `oklch(63.93% 0.2285 333.18)` | Purplish Pink | black, 5.5 to 1 | | 22 | `#df4dcb` | `oklch(66.25% 0.2263 333.76)` | Purplish Pink | black, 6 to 1 | | 23 | `#e757d1` | `oklch(68.60% 0.2217 334.15)` | Free Speech Magenta | black, 6.6 to 1 | | 24 | `#ed63d7` | `oklch(71.03% 0.2145 334.37)` | Death of a Star | black, 7.3 to 1 | | 25 | `#f370dd` | `oklch(73.63% 0.2033 334.38)` | Lián Hóng Lotus Pink | black, 8.1 to 1 | | 26 | `#f780e3` | `oklch(76.50% 0.1867 333.97)` | Splash of Grenadine | black, 9.1 to 1 | | 27 | `#fa91e9` | `oklch(79.51% 0.1663 333.26)` | Pink Elephants | black, 10.2 to 1 | | 28 | `#fca1ef` | `oklch(82.51% 0.1438 332.35)` | Lavender Rose | black, 11.5 to 1 | | 29 | `#fdb1f3` | `oklch(85.37% 0.1212 331.37)` | Pink Apotheosis | black, 12.8 to 1 | | 30 | `#fec0f7` | `oklch(87.95% 0.1002 330.43)` | Pink Quartz | black, 14 to 1 | | 31 | `#fecbf9` | `oklch(90.12% 0.0826 329.64)` | Kissed by Mist | black, 15.1 to 1 | | 32 | `#ffd4fb` | `oklch(91.73% 0.0703 329.13)` | Pink Diamond | black, 16 to 1 | ## CSS ```css background: linear-gradient(135deg, #090416 0.0%, #0c051b 3.2%, #0f0621 6.5%, #14072a 9.7%, #190833 12.9%, #200a3e 16.1%, #270c49 19.4%, #2f0e54 22.6%, #38115f 25.8%, #43136b 29.0%, #501577 32.3%, #5f1782 35.5%, #6f198d 38.7%, #801c97 41.9%, #901e9f 45.2%, #a023a6 48.4%, #ad28ad 51.6%, #b92eb3 54.8%, #c435b9 58.1%, #ce3cbf 61.3%, #d744c5 64.5%, #df4dcb 67.7%, #e757d1 71.0%, #ed63d7 74.2%, #f370dd 77.4%, #f780e3 80.6%, #fa91e9 83.9%, #fca1ef 87.1%, #fdb1f3 90.3%, #fec0f7 93.5%, #fecbf9 96.8%, #ffd4fb 100.0%); background: linear-gradient(135deg in oklch, oklch(12.99% 0.0413 295.31) 0.0%, oklch(14.16% 0.0480 295.58) 3.2%, oklch(15.64% 0.0569 295.78) 6.5%, oklch(17.40% 0.0674 296.00) 9.7%, oklch(19.41% 0.0792 296.36) 12.9%, oklch(21.61% 0.0916 296.95) 16.1%, oklch(23.96% 0.1043 297.87) 19.4%, oklch(26.44% 0.1166 299.23) 22.6%, oklch(29.00% 0.1283 301.14) 25.8%, oklch(31.83% 0.1407 303.87) 29.0%, oklch(34.94% 0.1541 307.29) 32.3%, oklch(38.22% 0.1679 311.15) 35.5%, oklch(41.60% 0.1813 315.19) 38.7%, oklch(44.97% 0.1938 319.16) 41.9%, oklch(48.24% 0.2046 322.78) 45.2%, oklch(51.32% 0.2131 325.81) 48.4%, oklch(54.13% 0.2190 328.05) 51.6%, oklch(56.74% 0.2236 329.84) 54.8%, oklch(59.22% 0.2269 331.26) 58.1%, oklch(61.60% 0.2286 332.36) 61.3%, oklch(63.93% 0.2285 333.18) 64.5%, oklch(66.25% 0.2263 333.76) 67.7%, oklch(68.60% 0.2217 334.15) 71.0%, oklch(71.03% 0.2145 334.37) 74.2%, oklch(73.63% 0.2033 334.38) 77.4%, oklch(76.50% 0.1867 333.97) 80.6%, oklch(79.51% 0.1663 333.26) 83.9%, oklch(82.51% 0.1438 332.35) 87.1%, oklch(85.37% 0.1212 331.37) 90.3%, oklch(87.95% 0.1002 330.43) 93.5%, oklch(90.12% 0.0826 329.64) 96.8%, oklch(91.73% 0.0703 329.13) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.13 | 0.041 | 295.3 | | 2 | 0.283 | 0.125 | 300.6 | | 3 | 0.528 | 0.216 | 327 | | 4 | 0.717 | 0.212 | 334.4 | | 5 | 0.917 | 0.07 | 329.1 | ## In these collections - [Galaxy gradients](https://grabient.com/galaxy-gradients) - [Aurora gradients](https://grabient.com/aurora-gradients) ## Other forms - [JSON](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.json?steps=32&angle=135) - [PNG](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.png?steps=32&angle=135) - [SVG](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.svg?steps=32&angle=135) - [CSS](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.css?steps=32&angle=135) - [ASE](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.ase?steps=32&angle=135) - [GPL](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.gpl?steps=32&angle=135) - [GRD](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.grd?steps=32&angle=135) - [Design tokens](https://grabient.com/kWIR7SJC3AkNOwxbTUDdJm_Q.tokens.json?steps=32&angle=135) - [Social card](https://grabient.com/api/og?seed=kWIR7SJC3AkNOwxbTUDdJm_Q&steps=32&angle=135) - [Palettes like this one](https://grabient.com/palettes?q=kWIR7SJC3AkNOwxbTUDdJm_Q) - [Guide for agents](https://grabient.com/llms.txt)