- Product launch
- and Promotional, Announcement
Coffee New Blend Launch email template
A coffee launch email on a bold orange band: framed beans photo, a launch price note, tasting notes as icons and three brewing picks with prices.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Coffee New Blend Launch</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-ds-58{font-size:41px!important;line-height:45px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-icon-wrap{min-width:0!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#110c08!important;}
.ete-content{background-color:#1a140f!important;}
.ete-text{color:#e8dccf!important;}
.ete-heading{color:#fff6ec!important;}
.ete-muted{color:#ae9e8e!important;}
.ete-link{color:#f2b27a!important;}
.ete-border{border-color:#362a20!important;}
.ete-panel{background-color:#241b14!important;border-color:#362a20!important;}
.ete-btn{background-color:#f2a65a!important;border-color:#f2a65a!important;}
.ete-btn-text{color:#1a140f!important;}
.ete-btn-outline{border-color:#f2a65a!important;}
.ete-btn-outline-text{color:#f2a65a!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#e8dccf!important;}
[data-ogsc] .ete-heading{color:#fff6ec!important;}
[data-ogsc] .ete-muted{color:#ae9e8e!important;}
[data-ogsc] .ete-link{color:#f2b27a!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#110c08!important;}
[data-ogsb] .ete-content{background-color:#1a140f!important;}
[data-ogsb] .ete-panel{background-color:#241b14!important;border-color:#362a20!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-serif{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f6ece2;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">A medium roast with cocoa, orange peel and a long sweet finish. Launch price until Sunday. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f6ece2;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;border-radius:8px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#1f150d;">COPPERLINE COFFEE</span></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#f08a3c;text-align:center;"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1f150d;text-align:center;">New blend, now roasting</p><h1 class="ete-ds-58" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:58px;line-height:63px;font-weight:400;color:#1f150d;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(58px,9.67vw);line-height:min(63px,10.5vw);overflow-wrap:anywhere;word-break:break-word;">Meet Ember Hill</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#1f150d;padding-top:16px;text-align:center;">A medium roast with cocoa, orange peel and a long sweet finish.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/ember-hill" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="8%" strokecolor="#1f150d" fillcolor="#1f150d"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Try Ember Hill</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/ember-hill" style="display:inline-block;background-color:#1f150d;border:1px solid #1f150d;line-height:48px;border-radius:4px;color:#ffffff;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff;">Try Ember Hill</span></a><!--<![endif]--></td></tr></table></div><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#1f150d;padding-top:14px;text-align:center;">Launch price $17 a bag until Sunday.</p></td></tr>
<tr><td class="ete-px" style="padding:0 32px 32px;background-color:#f08a3c;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/coffee-new-blend-launch-hero.jpg" alt="Two cupped hands holding a heap of freshly roasted coffee beans" width="536" height="360" class="ete-fluid" style="display:block;width:536px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:8px;"></td></tr>
<tr><td class="ete-px" style="padding:28px 32px 12px;"><div style="padding-bottom:20px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1f150d;text-align:center;mso-line-height-rule:exactly;">Tasting notes</h3></div><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-sparkle-c25a26.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1f150d;text-align:center;">Cocoa</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#7a6b5e;text-align:center;">Dark chocolate body</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-sun-c25a26.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1f150d;text-align:center;">Orange peel</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#7a6b5e;text-align:center;">Bright, clean acidity</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-flame-c25a26.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1f150d;text-align:center;">Brown sugar</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#7a6b5e;text-align:center;">Long sweet finish</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1f150d;text-align:center;">Brew it your way</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:400;color:#1f150d;text-align:center;mso-line-height-rule:exactly;">Good with Ember Hill</h2></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/ember-hill-bag"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/coffee-new-blend-launch-p1.jpg" alt="A wooden scoop of dark roasted beans on a dark table" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:8px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1f150d;text-align:center;">Launch</p><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#1f150d;text-align:center;">Ember Hill, 340 g</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#463a30;padding-top:2px;text-align:center;">$17 <span class="ete-muted" style="color:#7a6b5e;text-decoration:line-through;">$20</span></p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/ember-hill-bag" style="color:#a6461a;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/pour-over"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/coffee-new-blend-launch-p2.jpg" alt="A glass pour over carafe with a wooden collar in low light" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:8px;"></a><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#1f150d;text-align:center;">Glass pour over</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#463a30;padding-top:2px;text-align:center;">$34</p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/pour-over" style="color:#a6461a;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/mug"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/coffee-new-blend-launch-p3.jpg" alt="A cup of foamy coffee on a black saucer on a dark wooden table" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:8px;"></a><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:400;color:#1f150d;text-align:center;">Cup and saucer</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#463a30;padding-top:2px;text-align:center;">$22</p><p style="margin:0;padding-top:8px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/mug" style="color:#a6461a;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><a class="ete-text ete-border" href="https://instagram.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #ecdccc;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#463a30;text-decoration:none;">Instagram</a><a class="ete-text ete-border" href="https://example.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #ecdccc;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#463a30;text-decoration:none;">Website</a></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a6b5e;line-height:20px;text-align:center;"><strong>Copperline Coffee</strong><br>9 Copper Street, Minneapolis, MN 55401</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a6b5e;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the Copperline Coffee list.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a6b5e;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#7a6b5e;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#7a6b5e;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a6b5e;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A product launch email for coffee roasters, tea brands and small food makers introducing a new blend or flavor. It treats the beans like a hero: a bright orange band, a framed photo and a display serif headline with the blend’s name.
The band holds a short line about the launch, the name in large type, one sentence on how it tastes and a dark button to try it. A small note under the button gives the launch price and when it ends. A row of three line icons turns the tasting notes into quick labels. A heading then introduces three picks that pair with the blend, shown in a product grid with photos, prices and a struck through old price on the launch bag. The footer closes the email.
Burnt orange, espresso brown and warm white feel energetic but still crafted.
Change the name, notes and photo for every new release and send it on launch morning.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Wordmark
- Orange band with framed beans photo
- Tasting notes icon row
- Three brewing picks
- Footer
Subject line ideas
- Meet Ember Hill, our new blend
- Cocoa, orange peel and a long sweet finish
- {{first_name}}, the new roast is out of the drum
Preview text idea
A medium roast with cocoa, orange peel and a long sweet finish. Launch price until Sunday.