Most email designers don't realize their templates look completely different in dark mode — and it's costing them opens, clicks, and revenue.

After designing hundreds of dark-mode-safe email templates, here are the 5 most common color mistakes I see and exactly what to replace them with.

1. Pure White (#FFFFFF) on Backgrounds

Dark mode inverts white backgrounds to near-black. But the inversion isn't consistent — Gmail does it differently than Outlook, which does it differently than Apple Mail.

Use instead: #F5F5F5 or #EEEEEE — slightly off-white gives email clients less reason to aggressively invert, and the visual difference in light mode is unnoticeable.

2. Pure Black (#000000) Text

When dark mode inverts your background, pure black text on the new dark background becomes invisible or barely visible.

Use instead: #1A1A1A or #2D2D2D — these maintain excellent readability in light mode and survive inversion much better.

3. Bright Red (#FF0000) for CTAs

Saturated reds look harsh on dark backgrounds and create accessibility problems. WCAG contrast ratios tank.

Use instead: #E85D4A or #D94F3D — muted warm reds that maintain urgency without blinding your reader in dark mode.

4. Light Gray (#CCCCCC) Borders

Light gray borders disappear entirely on dark backgrounds. Your carefully structured layout turns into a blob.

Use instead: Use currentColor with opacity, or #6B7280 — a mid-tone gray that stays visible in both modes.

5. Brand Blues Below #3366FF

Dark blues get swallowed by dark backgrounds. Anything below a certain brightness threshold becomes invisible.

Use instead: Keep blues above #4A90D9 brightness level. Test with a contrast checker against both #FFFFFF and #1E1E1E.

---

The bottom line: Dark mode isn't going away. 82% of smartphone users have it enabled. If your emails aren't designed for it, you're losing engagement.

I built a full course covering safe color systems, tool configurations, and a complete troubleshooting workflow for dark mode email design. Check it out if you want to go deeper.