Dark Mode Email Design: Make Emails Look Good Everywhere

Many people read email in dark mode, and email apps handle it in different ways. A design that looks perfect in light mode can become hard to read if you are not prepared.

How apps handle dark mode

Because behaviour varies, you design defensively rather than for one app.

• Some apps leave your colors alone.
• Some partly invert light colors to dark.
• Some fully invert colors, which can change your design in surprising ways.

Practical tips

• Avoid pure white and pure black for backgrounds and text. Slightly off-white and dark gray tend to survive inversion better.
• Check contrast between text and its background in both modes.
• Do not rely on a background color to make text readable if the text is an image.
• Keep important text as real text, not inside images.

Logos and images

• A logo with a dark wordmark on a transparent background can vanish on a dark background. Use a version that works on both, or add a thin light outline or a solid background shape.
• Photos usually look fine. Graphics with white backgrounds can show as bright boxes on dark backgrounds, so use transparent PNGs where it makes sense.

Test it

Switch your own device to dark mode and open a test send. In our builders, use the Dark preview toggle in the signature generator to see how colors hold up, and test your newsletter in real apps with the pre-send checklist.