Refund Approved Notice email template
A deep navy refund email with a check icon, the refund amount as the headline, a survey invite with a small thank you offer and a teal button.
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>Refund Approved Notice</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-22{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#121212!important;}
.ete-content{background-color:#1c1c1e!important;}
.ete-text{color:#d4d4d6!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9c9ca3!important;}
.ete-link{color:#18c0ca!important;}
.ete-border{border-color:#34343a!important;}
.ete-panel{background-color:#26262b!important;border-color:#34343a!important;}
.ete-btn{background-color:#18c0ca!important;border-color:#18c0ca!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#18c0ca!important;}
.ete-btn-outline-text{color:#18c0ca!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:#d4d4d6!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9c9ca3!important;}
[data-ogsc] .ete-link{color:#18c0ca!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#121212!important;}
[data-ogsb] .ete-content{background-color:#1c1c1e!important;}
[data-ogsb] .ete-panel{background-color:#26262b!important;border-color:#34343a!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:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-montserrat{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ffffff;">
<!-- 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;">The money is on its way back to your account. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffffff;">
<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;">
<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;background-color:#141341;"><span class="" style="font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;line-height:25px;font-weight:700;letter-spacing:-0.3px;color:#ffffff;">Northvale</span></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:12px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-check-f5b83d.png" alt="Check mark" width="72" height="72" class="" style="display:block;width:72px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></td></tr>
<tr><td class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:24px 32px 8px;"><h2 class="ete-ds-22" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:22px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Your $50.00 refund is on the way</h2></td></tr>
<tr><td class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:8px 32px;"><p style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#e9e9f2;text-align:left;">Hi {{first_name}},</p></td></tr>
<tr><td class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:8px 32px;"><p style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#e9e9f2;text-align:left;">Your refund request of <b>$50.00</b> has been approved. You will receive it as soon as possible, usually within 3 to 5 days, depending on your bank.</p></td></tr>
<tr><td class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:8px 32px;"><p style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#e9e9f2;text-align:left;">We would love your answers to <a style="color:#e9e9f2;text-decoration:underline;" href="https://example.com/survey">a short survey</a>. It takes about five minutes, and as a thank you we will add a 10% discount to your next transfer.</p></td></tr>
<tr><td class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:8px 32px;"><p style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#e9e9f2;text-align:left;">Let us know if there is anything else we can help with.</p></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#141341" style="background-color:#141341;padding:16px 32px;"><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/refunds/50" style="height:48px;v-text-anchor:middle;width:235px;" arcsize="50%" strokecolor="#18c0ca" fillcolor="#18c0ca"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">View refund details</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/refunds/50" style="display:inline-block;background-color:#18c0ca;border:1px solid #18c0ca;line-height:48px;border-radius:24px;color:#ffffff;font-family:Montserrat, '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;">View refund details</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td height="36" bgcolor="#141341" style="background-color:#141341;height:36px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7c7c7c;line-height:20px;text-align:center;"><strong>Northvale Pay</strong><br>Transaction ID: 09234529384. 77 Harbour Road, Bristol BS1 5TT</p><p class="ete-muted" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7c7c7c;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#7c7c7c;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:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#7c7c7c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7c7c7c;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Waypoint responsive transactional email templates (banking refund approved) by usewaypoint, MIT license.
About this template
A refund confirmation for a payments or money transfer app. The whole message sits on a deep navy panel so it looks calm and official, with one bright teal button as the only accent.
At the top a centered wordmark and a large amber check icon show at a glance that the request went through. The headline states the amount, then a short letter explains when the money arrives and how long the bank usually takes.
A second paragraph invites the customer to a five minute survey and offers a discount on the next transfer as thanks. The teal button opens the refund details, and the transaction ID sits small in the footer for support.
Use it for any approved refund or reversal. Change the amount and timing to match your process, and drop the survey line if you do not run one.
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
- Check icon
- Refund headline
- Letter with survey offer
- Button
- Footer with transaction ID
Subject line ideas
- Your $50.00 refund is on the way
- Good news: your refund was approved
- {{first_name}}, we approved your refund
Preview text idea
The money is on its way back to your account.