Dark Mode · September 3, 2026 · 2 min read

Dark Mode Logos: One Mark Built For Two Backgrounds

Half your audience sees your logo on a dark background now, and a straight color inversion is usually not the fix it looks like.

Somewhere between a third and half of your audience is looking at your logo on a dark background right now, whether you designed for it or not. Dark mode stopped being an option years ago and became a default across phones, apps, and operating systems, and most brand guidelines still only specify one background: white. Everything else got left to whoever happened to be implementing the logo that week, usually by just inverting the colors and hoping.

Why a straight inversion usually fails

Flip black to white and white to black and the shapes survive, but the relationships often do not. A logo built with careful contrast between a dark navy and a warm accent color on white can turn muddy or aggressive once that navy becomes the background. Thin strokes that read cleanly on white can disappear or glow uncomfortably against black, an effect called halation that makes fine detail blur at the edges on dark screens. The math of inversion is simple. The way it actually looks is not automatic at all.

What an intentional dark version requires

  • A contrast check done by eye, not by formula, since inverted contrast ratios do not always look balanced even when they pass on paper
  • Slightly reduced stroke weight or added spacing where halation makes marks look heavier against dark backgrounds than they do against light ones
  • A separate check on whether brand colors still read as the same brand colors once the ground beneath them flips
  • Explicit approval and documentation, not a default a developer invented under deadline

None of this is exotic work. It is the same rigor a logo already gets for its light background version, applied a second time instead of assumed to transfer automatically. Brands that treat the dark version as a real deliverable end up with two logos that both look designed. Brands that skip it end up with one designed logo and one accidental one, and the accidental one is showing up in more places than most people realize.

A logo that was only ever tested on white has only been half graded, because half the screens it lives on are not white anymore.

Build both, ship both

The fix is not complicated: design and approve a dark background version alongside the light one, document both in the guidelines with equal weight, and hand both to every vendor from day one instead of leaving the second one to chance.

The Lab's take: This is a consistency and scalability problem that most brand guidelines still pretend does not exist. A mark that only performs on one background has only been graded in half its real environments. Build the dark version on purpose, or a random inversion will keep doing it for you, badly, one app icon at a time.

Wondering how your own logo scores?

The Lab grades your brand against your competing market across five dimensions, free, with the evidence to back it up. Most brands score lower than their owners expect.

Grade my brand, free
← Back to the Notebook