diff --git a/mailer.js b/mailer.js
index 1253ea9..3aa4da5 100644
--- a/mailer.js
+++ b/mailer.js
@@ -14,8 +14,37 @@ const transporter = nodemailer.createTransport({
   SES: { sesClient, SendEmailCommand },
 });
 
+// Helper function to get color based on time of day
+function getColorForTime() {
+  const hour = new Date().getHours();
+  
+  if (hour >= 5 && hour < 10) {
+    // Morning - orange
+    return {
+      primary: '#FF9800',
+      gradient: 'linear-gradient(135deg, #FF9800 0%, #F57C00 100%)',
+      shadow: 'rgba(255, 152, 0, 0.3)'
+    };
+  } else if (hour >= 10 && hour < 18) {
+    // Afternoon - blue
+    return {
+      primary: '#2196F3',
+      gradient: 'linear-gradient(135deg, #2196F3 0%, #005CA8 100%)',
+      shadow: 'rgba(33, 150, 243, 0.3)'
+    };
+  } else {
+    // Evening/Night - purple
+    return {
+      primary: '#471189',
+      gradient: 'linear-gradient(135deg, #BA82FF 0%, #280059 100%)',
+      shadow: 'rgba(71, 17, 137, 0.3)'
+    };
+  }
+}
+
 // Helper function to send email
 async function sendVerificationEmail(toEmail, token, name) {
+  const colors = getColorForTime();
   const verificationLink = `https://wahwa.com/verify-email?token=${token}`;
 
   try {
@@ -39,7 +68,7 @@ async function sendVerificationEmail(toEmail, token, name) {
                   
                   <!-- Header with brand color -->
                   <tr>
-                    <td align="center" style="background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%); padding: 40px 20px;">
+                    <td align="center" style="background: ${colors.gradient}; padding: 40px 20px;">
                       <h1 style="margin: 0; color: #ffffff; font-size: 32px; font-weight: bold; letter-spacing: 0.5px;">BlindMaster</h1>
                       <p style="margin: 10px 0 0 0; color: #ffffff; font-size: 14px; opacity: 0.95;">Smart Home Automation</p>
                     </td>
@@ -49,7 +78,7 @@ async function sendVerificationEmail(toEmail, token, name) {
                   <tr>
                     <td style="padding: 50px 40px 30px 40px; text-align: center;">
                       <h2 style="margin: 0 0 20px 0; color: #333333; font-size: 28px; font-weight: normal;">
-                        Welcome${name && name.trim() ? `, <span style="color: #FF9800;">${name.trim()}</span>` : ''}!
+                        Welcome${name && name.trim() ? `, <span style="color: ${colors.primary};">${name.trim()}</span>` : ''}!
                       </h2>
                       <p style="margin: 0 0 30px 0; color: #666666; font-size: 16px; line-height: 1.6;">
                         Thank you for joining BlindMaster! To electrify your blinds, please verify your email address 🥹
@@ -61,7 +90,7 @@ async function sendVerificationEmail(toEmail, token, name) {
                   <tr>
                     <td align="center" style="padding: 0 40px 40px 40px;">
                       <a href="${verificationLink}" 
-                         style="display: inline-block; padding: 16px 48px; background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%); color: #ffffff; text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3); transition: all 0.3s ease;">
+                         style="display: inline-block; padding: 16px 48px; background: ${colors.gradient}; color: #ffffff; text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 12px ${colors.shadow}; transition: all 0.3s ease;">
                         Verify Email Address
                       </a>
                     </td>
@@ -113,6 +142,8 @@ async function sendVerificationEmail(toEmail, token, name) {
 
 // Helper function to send password reset email
 async function sendPasswordResetEmail(toEmail, code, name) {
+  const colors = getColorForTime();
+  
   try {
     const info = await transporter.sendMail({
       from: `"BlindMaster" <${process.env.EMAIL_FROM}>`,
@@ -134,7 +165,7 @@ async function sendPasswordResetEmail(toEmail, code, name) {
                   
                   <!-- Header with brand color -->
                   <tr>
-                    <td align="center" style="background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%); padding: 40px 20px;">
+                    <td align="center" style="background: ${colors.gradient}; padding: 40px 20px;">
                       <h1 style="margin: 0; color: #ffffff; font-size: 32px; font-weight: bold; letter-spacing: 0.5px;">BlindMaster</h1>
                       <p style="margin: 10px 0 0 0; color: #ffffff; font-size: 14px; opacity: 0.95;">Smart Home Automation</p>
                     </td>
@@ -155,8 +186,8 @@ async function sendPasswordResetEmail(toEmail, code, name) {
                   <!-- Code Display -->
                   <tr>
                     <td align="center" style="padding: 0 40px 40px 40px;">
-                      <div style="display: inline-block; padding: 20px 40px; background-color: #f9f9f9; border-radius: 8px; border: 2px solid #FF9800;">
-                        <p style="margin: 0; color: #FF9800; font-size: 36px; font-weight: bold; letter-spacing: 8px; font-family: 'Courier New', monospace;">
+                      <div style="display: inline-block; padding: 20px 40px; background-color: #f9f9f9; border-radius: 8px; border: 2px solid ${colors.primary};">
+                        <p style="margin: 0; color: ${colors.primary}; font-size: 36px; font-weight: bold; letter-spacing: 8px; font-family: 'Courier New', monospace;">
                           ${code}
                         </p>
                       </div>