A free tool by EmailBoutique
Email Dark-Mode Preview
Drop in your brand colours, logo, icons and a visual, then write a line and a button. See the email under the three things dark mode does — nothing targeted, a native app honouring your styles, and a client forcing its own invert — with WCAG contrast checked in every one. Nothing is uploaded; it all stays in this browser tab.
01 · Brand colours
02 · Assets
LogoClick or drop — PNG/SVG
Social iconsClick or drop — multiple
Email visualClick or drop — a photo/graphic
03 · Content
Your email, under the three dark-mode behaviours
Each column is the same email. Live colours and text shift per client; images never invert — so anything baked into your logo, icons or visual stays exactly as shipped. Contrast is scored underneath each.
A model, not proof. These transforms approximate what real engines do — behaviour varies
by client, version and markup. Use it to catch problems early, then confirm the final send on a real render
(Apple Mail dark, Gmail dark, Outlook dark) before sign-off. The one thing maths can’t save is imagery: a
client won’t invert an image, so a dark logo on a forced-dark background will simply disappear.
Ready to get started?
You’re one step away from having beautifully tailored emails