Electric Noir — 5-color palette
#0D0221#240046#7B2CBF#E0AAFF#FFFFFFHex codes
Hex
#0D0221
RGB
13, 2, 33
HSL
261°, 89%, 7%
Hex
#240046
RGB
36, 0, 70
HSL
271°, 100%, 14%
Hex
#7B2CBF
RGB
123, 44, 191
HSL
272°, 63%, 46%
Hex
#E0AAFF
RGB
224, 170, 255
HSL
278°, 100%, 83%
Hex
#FFFFFF
RGB
255, 255, 255
HSL
0°, 0%, 100%
How to use this palette
The first color in Electric Noir is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--electric-noir-1: #0D0221;
--electric-noir-2: #240046;
--electric-noir-3: #7B2CBF;
--electric-noir-4: #E0AAFF;
--electric-noir-5: #FFFFFF;
}