If you’ve got a long email, color is a great way to visually separate different content blocks so it feels more digestible. Source: Really Good Emails Separate out sections Once the reader scrolls past the hero area, secondary content sits on a white background, offering the ideal reading experience for larger bodies of copy. The bold orange background makes an impact by contrasting against the blue of the logo, elevating the brand identity.

You can create an impactful opening experience-like this email from Blurb. They can help separate content, call out messaging, or set an email apart from others in your subscriber’s inbox, potentially increasing engagement among your audience. From a technical standpoint, implementing background colors doesn’t add any load time to your emails, and they’re still visible even when images are turned off. Putting a background color strategy into place meets a few needs when it comes to elevating your email program.

How to code a gradient background (+ email client support).How to code a solid color background (+ email client support).With Dark Mode gaining momentum, there are even more environments to be aware of, some of which will require email designers to take extra care when applying background colors in their designs. Coding background colors sounds like a simple task right? The truth? Even this minor bit of styling has some pitfalls, and there are a few considerations that need to be made to get consistent rendering across email clients.Īnd it’s not just developers that need to appease the inbox gods.

Nottingham green color code mailchimp