Monochrome Noir — 5-color palette
#0A0A0A#3A3A3A#7A7A7A#D8D8D8#F5F5F5Hex codes
Hex
#0A0A0A
RGB
10, 10, 10
HSL
0°, 0%, 4%
Hex
#3A3A3A
RGB
58, 58, 58
HSL
0°, 0%, 23%
Hex
#7A7A7A
RGB
122, 122, 122
HSL
0°, 0%, 48%
Hex
#D8D8D8
RGB
216, 216, 216
HSL
0°, 0%, 85%
Hex
#F5F5F5
RGB
245, 245, 245
HSL
0°, 0%, 96%
How to use this palette
The first color in Monochrome 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 {
--monochrome-noir-1: #0A0A0A;
--monochrome-noir-2: #3A3A3A;
--monochrome-noir-3: #7A7A7A;
--monochrome-noir-4: #D8D8D8;
--monochrome-noir-5: #F5F5F5;
}