choose colors and fonts image

When it comes to email design, it’s easy to get carried away.

You want your message to stand out in the inbox and grab your audience’s attention, but there’s also the risk that you could be going overboard with the emails you create.

Consider these two email examples — which would you prefer to see in your inbox?

Email design colors and fonts image 2

As you can see, sometimes a more subtle design will be the best choice for getting your message in front of your target audience.

And if you’re already using an email marketing service to do your email marketing, you’re in luck.

You don’t have to be an expert designer to create emails that look great in the inbox.

With the right template and a few simple design best practices in mind, you’ll be able to design an email that looks professional and will grab the attention of any reader in any inbox.

Let’s take a look at two of the places where the right design choices can make all the difference — colors and fonts.

Finding the colors that fit your brand

Colors are an important part of your emails because they can carry meaning, trigger memories, and evoke emotion.

In fact, colors have been found to increase brand recognition by up to 80 percent. And 85 percent of shoppers buy a product because of its color.

Colors can even trigger different emotions and associations. Think about how color conveys meaning in your daily life — stop signs are painted red to get the attention of drivers, but it’s unlikely you’d want to paint your business’s walls the same shade.

Here are some common color associations to consider, based on data collected by Kissmetrics:

color meaning image

Use the colors that match your brand and don’t go overboard. Two to three main colors will be all you need to make an email pop.

Make sure to align the colors in your emails with those in your logo and on your website. Use tools like Color Cop for PC users or Digital Color Meter for Macs. These tools let you get the RGB or Hex values of the colors on your site or in your logo. You can then input these values into your Constant Contact account, and we’ll supply the matching colors.

Additionally, try using Color Schemer to help you identify color harmonies and come up with a pleasing palette of colors to pull from.

color matching image

Here’s how yoga studio, extendYoga, incorporates their branding and uses a consistent color scheme across their email and web presence:

extend yoga email example image

extend yoga website image

Using fonts that work

Similar to colors, it’s easy to be overwhelmed by the number of options you have for fonts. If you already have a font that you’re using on your website or blog, consider using the same font to create a recognizable look and feel.

Again, only use one or two font types within your email to maintain a clean look and readability. If you feel the need to add a little variety, you can sprinkle in the bold and italic styles of the fonts you choose to work with.

When choosing a new font, consider the difference between serif and san serif fonts. Serif fonts have small curls at the end of each letter and are considered more traditional. These fonts typically work best for printed materials.

Sans serif fonts, on the other hand, are easier to read on a screen. Sans serif fonts include Arial, Verdana, and Helvetica. These fonts are considered more modern and are compatible with many other fonts.

sans and san serif fonts

It’s also important to think about where your emails are being read. When you view an email on your computer or mobile device, your browser is reading code that tells it which font to display. If the font is not available on a certain computer or device, your browser substitutes the font for one that is available, which can make your email design look different than you intended it to.

Stick to standard web-safe fonts or edit the style sheet in your email to choose which font will appear as a substitute.

Overall, readability is your biggest priority in font choice. Of course you want to find a font that fits your brand, but typically, it’s best to err on the side of clean rather than silly and playful. Using a font that’s too comical is the equivalent of wearing a clown nose to a networking event. No one is going to take your business seriously.

Mobile tip: With the majority of emails now read on a mobile device, it’s also important to make sure your font size is readable on a small screen. We recommend using 22-24pt for header text and 14-16pt for the body copy.

Looking for more email design tips?

  • Make sure you’re avoiding some common design mistakes with the help of our recent YouTube video.
  • Unsure if you’re doing enough to brand your email? Here are six steps to take to brand your email like a pro.
  • Want to know how long your email should be? Read up on our most recent data on how the amount of text and images impact email click-through rates.