HTML & MJML

Memorial Day Email Template

Honor fallen heroes and connect with your audience this Memorial Day using a patriotic email template built for brands, nonprofits, event organizers, and retailers who want to strike the right balance between reverence and relevance. Designed with a bold red, white, and blue layout, this Memorial Day email template features a customizable hero section, responsive structure, and clear call-to-action buttons that render flawlessly across all devices. Whether you're promoting a Memorial Day sale, sending a heartfelt commemoration invite, organizing a conference or trade show, or rallying support for a military charity drive, this template delivers with both impact and sensitivity. Marketers, designers, and content teams alike will appreciate the plug-and-play flexibility that eliminates build time without sacrificing quality. Deploy it confidently to drive deeper engagement, strengthen brand trust, and ensure your Memorial Day message resonates meaningfully with every subscriber.

Edit In EmailBuilder.ai

About the Memorial Day Email Template

Crafted for brands, nonprofits, event organizers, and retailers navigating the delicate tone of Memorial Day, this patriotic template balances reverence with relevance in every section. Its bold red, white, and blue layout, customizable hero block, and responsive structure make it the go-to choice for teams who need to communicate meaningfully on one of the year's most emotionally significant dates without starting from a blank canvas.

When to use this template

Deploy this template 7 to 10 days before Memorial Day to maximize open rates and give subscribers time to act. Send a follow-up reminder two to three days out. For event or trade show invitations tied to the holiday weekend, an early send in early May with a closer reminder performs best.

A retailer launching a Memorial Day weekend sale with tiered discount offers
A nonprofit inviting donors to a military charity fundraiser or commemoration ceremony
An event organizer promoting a Memorial Day conference or trade show registration
A veterans organization sending a heartfelt tribute message to its supporter base
A hospitality brand promoting Memorial Day weekend packages to loyalty program members
A community organization rallying volunteers for a local Memorial Day parade or service

Subject line ideas

Honoring heroes this Memorial Day weekend
Last chance to join us May 26th — reserve your spot
A meaningful way to observe Memorial Day together
Your Memorial Day invite is waiting inside

Best practices for event / conference / trade show emails

Open with a one-sentence tribute to fallen service members before transitioning to your event or offer details.
Use the hero section to anchor the patriotic tone with a flag or solemn imagery before introducing any promotional copy.
Keep CTA button copy action-specific, such as Register Now or Claim Your Offer, never a vague Learn More.
If promoting a sale alongside commemoration content, use a clear visual divider so the two messages feel intentional rather than conflated.
Include an accessible plain-text fallback that preserves the respectful tone for subscribers whose clients block HTML rendering.

Template anatomy

How the Memorial Day Email Template template is laid out, top to bottom:

section (1 column) containing image.
section (1 column) containing text block.
section (1 column) containing image.
section (1 column) containing text block, image.
section (1 column) containing text block, button, divider, spacer.
section (2 columns) containing image, text block.
section (2 columns) containing image, text block.
section (1 column) containing divider, text block.
section (3 columns) containing image, text block.
section (1 column) containing text block.
section (2 columns) containing image.
section (1 column) containing divider.
section (2 columns) containing text block, social row, social link.

Components used

Built from the following MJML elements:

32 text blocks13 images3 dividers3 social links1 button1 spacer1 social row

Color palette

Colors used across the Memorial Day Email Template template:

#ffffff

#000000

#ababab

#ba372a

#909090

#515856

#555

Typography

Font stacks declared in the template:

system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the Memorial Day Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-attributes>
      <mj-all font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#FFFFFF">
    <mj-section padding="9px 0px 9px 0px" background-color="#FFFFFF">
      <mj-column width="100%" vertical-align="top">
        <mj-image src="[[branding.logoURL]]" width="120px" padding="20px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 0px 0px 0px" background-color="#FFFFFF">
      <mj-column width="100%" vertical-align="top">
        <mj-text align="left" padding="5px 15px 5px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              <a style="color: rgb(0, 0, 0);" href="https://emailbuilder.ai">
                <span style="text-decoration: underline; font-family: 'Open Sans', sans-serif;">
                  View this e-mail in the browser.
                </span>
              </a>
            </span>
          </p>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="9px 0px 5px 0px" background-color="#FFFFFF">
      <mj-column width="100%" vertical-align="top">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67af128cd13dbdc9d64a4b42.jpg" padding="12px 10px 10px 20px" align="center">
        </mj-image>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67af24f8d13dbdc9d64a4e0b.jpg" padding="12px 10px 10px 20px" align="center">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section padding="10px 0px 10px 0px" background-color="#FFFFFF">
      <mj-column width="100%" vertical-align="top">
        <mj-text align="left" padding="0px 15px 15px 15px" line-height="1.5">
          <h1 style="text-align: center;">
            <em>
              <span style="font-family: Georgia, sans-serif; font-size: 26px; color: rgb(28, 28, 28);">
                Forever in our hearts
              </span>
            </em>
          </h1>
        </mj-text>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67af12c2d13dbdc9d64a4b67.jpg" padding="0px 0px 0px 0px" width="540px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section padding="9px 0px 9px 0px" background-color="#FFFFFF" background-size="Cover">
      <mj-column width="100%" vertical-align="top">
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              ★ ★ ★ ★ ★
            </span>
          </p>
        </mj-text>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <h1 style="text-align: center;">
            <span style="color: rgb(0, 0, 0); font-family: Poppins, sans-serif;">
              <span style="font-size: 26px;">
                Experience the real stories
              </span>
            </span>
          </h1>
        </mj-text>
        <mj-text align="left" padding="5px 55px 15px 55px" line-height="1.5">
          <p style="text-align: center;">
            <span style="font-family: Cabin, sans-serif; color: rgb(50, 50, 50); font-size: 14px;">
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus luctus egestas leo. Pellentesque pretium lectus id turpis.
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#000000" color="#ffffff" border-radius="0px" font-size="15px" padding="20px 20px 20px 20px" inner-padding="15px 50px 15px 50px" href="https://emailbuilder.ai" line-height="18.75px">
          <div>
            <em>
              <span style="font-family: Georgia, sans-serif; font-size: 15px;">
                More stories
              </span>
            </em>
          </div>
        </mj-button>
        <mj-divider border-color="#ABABAB" border-style="solid" border-width="1px" padding-top="10px" padding="10px 99px">
        </mj-divider>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="font-size: 12px; color: rgb(0, 0, 0);">
              <em>
                <span style="font-family: Georgia, sans-serif;">
                  Here's a block for a cool quote.
                </span>
              </em>
            </span>
          </p>
        </mj-text>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              ★ ★ ★ ★ ★
            </span>
          </p>
        </mj-text>
        <mj-spacer height="50px">
        </mj-spacer>
      </mj-column>
    </mj-section>
    <mj-section padding="9px 0px 9px 0px" background-color="#FFFFFF">
      <mj-column width="50%" vertical-align="top">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67af12ebd13dbdc9d64a4b82.jpg" padding="5px" height="200px">
        </mj-image>
        <mj-text align="left" font-size="11px" padding="10px 35px 5px 35px" color="#ba372a">
          Subheader
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <h2 style="margin-top: 0;">
            <span style="font-family: Poppins, sans-serif;">
              Lorem ipsum dolor sit amet
            </span>
          </h2>
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <p style="margin-top: 0;">
            <span style="font-family: Cabin, sans-serif; font-size: 13px; color: rgb(89, 89, 89);">
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ac dolor sit amet purus tempor suscipit diam nulla vel leo.
            </span>
          </p>
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <p style="margin-top: 0;">
            <span style="text-decoration: underline; color: rgb(8, 71, 183);">
              <em>
                <span style="font-family: Cabin, sans-serif; font-size: 13px;">
                  Read the whole story →
                </span>
              </em>
            </span>
          </p>
        </mj-text>
      </mj-column>
      <mj-column width="50%" vertical-align="top">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67af1308d13dbdc9d64a4b9d.jpg" padding="5px" height="200px">
        </mj-image>
        <mj-text align="left" font-size="11px" padding="10px 35px 5px 35px" color="#ba372a">
          Subheader
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <h2 style="margin-top: 0;">
            <span style="font-family: Poppins, sans-serif;">
              Lorem ipsum dolor sit amet
            </span>
          </h2>
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <p style="margin-top: 0;">
            <span style="font-family: Cabin, sans-serif; font-size: 13px; color: rgb(89, 89, 89);">
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed ac dolor sit amet purus tempor suscipit diam nulla vel leo.
            </span>
          </p>
        </mj-text>
        <mj-text align="left" font-size="11px" padding="0px 35px 20px 35px">
          <p style="margin-top: 0;">
            <span style="text-decoration: underline; color: rgb(8, 71, 183);">
              <em>
                <span style="font-family: Cabin, sans-serif; font-size: 13px;">
                  Read the whole story →
                </span>
              </em>
            </span>
          </p>
        </mj-text>
      </mj-column>

Want the full MJML?Open Memorial Day Email Template free in the editor to copy the complete, production-ready source — and customize it with drag-and-drop.Get the full MJML — it's free