Midnight Color Palettes
Twelve midnight palettes with hex codes — generate endless more with the free tool below.
#14102e · #361a4d · #0d162b · #38260b · #505723
#13214e · #17102e · #172a36 · #5a3416 · #433d19
#191d5d · #241939 · #19385c · #412311 · #332c0f
#17243f · #1f1c4a · #0f1f24 · #451f17 · #2a240f
#2b244c · #381952 · #23335c · #392b14 · #4a6115
#22183e · #320d40 · #10134c · #333015 · #1d2112
#1a2032 · #1e1830 · #1f2f3d · #27150c · #5b5415
#302754 · #452154 · #1c2135 · #1b170e · #1b220c
#0b0f37 · #2a1d44 · #0e274e · #3c2e20 · #4e4a13
#29154c · #3a1547 · #1e253e · #463e16 · #1b2608
#161a3b · #2e1863 · #0d2031 · #5b3920 · #54561f
#0f1024 · #2a1952 · #0e1625 · #533518 · #474922
Want more? Generate unlimited midnight palettes, or anchor one on your own base color.
Open the Color Palette GeneratorUsing a midnight palette
Midnight palettes live below 25 percent lightness in the blue-violet band, and their first duty is to stay distinguishable from plain black — the blue undertone is the entire theme. This is the native palette of dark-mode interfaces, and the discipline that governs them applies: never use pure black as the base (elevation shadows disappear against it), and never use pure white for text (the contrast is harsh enough to cause halation on OLED screens — use a blue-tinted off-white around 85 percent lightness instead). Luxury, astronomy, sleep products, and late-night entertainment brands all draw on the register. Depth comes from tiny lightness steps: 8, 12, 16, 20 percent panels layered like a night sky. One bright accent — a star gold or signal cyan — is worth more here than anywhere, because everything else is whispering.
Frequently asked questions
Should a midnight palette use pure black?
No — pure black kills the theme twice over. It erases the blue undertone that distinguishes midnight from generic dark, and in interface work it prevents shadow-based elevation from showing, since nothing renders darker than the background. Start around 8-10 percent lightness with a visible blue cast.
What text color works on midnight backgrounds?
A cool off-white around 85-90 percent lightness with a hint of the background blue. Pure white on very dark grounds produces a glare and ghosting effect, particularly on OLED displays and for readers with astigmatism, and slightly tinted text also feels more cohesive.
How do I create depth in an all-dark palette?
Stack small lightness increments — panels at roughly 8, 12, 16, and 20 percent — so layers separate the way moonlit surfaces do. Saturation can rise slightly on the lighter layers, and a single bright accent color gains outsized power against the quiet field.