──────────────────────────────────────────────────────────────────────
Why Pure Black Beats Dark Gray Every Time
A deep dive into dark-first design systems — the psychology of depth, contrast ratios, and why #000000 is the only correct answer.
Every dark mode implementation debate eventually ends up at the same question: how dark is dark? My answer, after years of building dark-first interfaces: pure black. Not dark gray. Not "near-black." #000000.
The Psychology of Pure Black
Dark gray backgrounds (#121212, #1a1a1a) were popularized by Material Design's dark theme spec, which argued that pure black creates too much contrast and causes eye strain on OLED displays. This advice made sense in 2018. It no longer does.
Modern OLED panels have dramatically improved their black uniformity and per-pixel brightness control. More importantly, the "eye strain" argument confuses two different problems: high contrast ratios between text and background, and high brightness. Pure black backgrounds are the lowest brightness option — they're better for eye strain, not worse.
Depth Without Gray
The real reason designers default to dark gray is that it's easier to create depth. Pure black requires a different mental model. Depth comes from borders (ring-1 ring-white/[0.08]), backdrop blur, and additive-blended glows. Cards don't sit above the background — they're defined by their edges. Harder to get right, but the result feels more premium because light is doing real work.
The OLED Bonus
On OLED screens, pure black pixels are literally turned off. Your UI draws zero power for every black pixel. On a dark-first interface, that's most of the screen.