diff --git a/app/views/users/digests/public_year.html.erb b/app/views/users/digests/public_year.html.erb
index 00bfbe1b..2031aef2 100644
--- a/app/views/users/digests/public_year.html.erb
+++ b/app/views/users/digests/public_year.html.erb
@@ -1,6 +1,6 @@
 <div class="max-w-xl mx-auto px-4 py-8">
   <!-- Header -->
-  <div class="hero bg-gradient-to-br from-blue-600 to-purple-700 text-white rounded-lg shadow-lg mb-8">
+  <div class="hero text-white rounded-lg shadow-lg mb-8" style="background: linear-gradient(135deg, #0f766e, #0284c7);">
     <div class="hero-content text-center py-12">
       <div class="max-w-lg">
         <h1 class="text-4xl font-bold"><%= @digest.year %> Year in Review</h1>
diff --git a/app/views/users/digests/show.html.erb b/app/views/users/digests/show.html.erb
index 16b9b93b..509efb1c 100644
--- a/app/views/users/digests/show.html.erb
+++ b/app/views/users/digests/show.html.erb
@@ -2,7 +2,7 @@
 
 <div class="max-w-xl mx-auto my-5">
   <!-- Header -->
-  <div class="hero bg-gradient-to-br from-blue-600 to-purple-700 text-white rounded-lg shadow-lg mb-8">
+  <div class="hero text-white rounded-lg shadow-lg mb-8" style="background: linear-gradient(135deg, #0f766e, #0284c7);">
     <div class="hero-content text-center py-12 relative w-full">
       <div class="max-w-lg">
         <h1 class="text-4xl font-bold"><%= @digest.year %> Year in Review</h1>
diff --git a/app/views/users/digests_mailer/year_end_digest.html.erb b/app/views/users/digests_mailer/year_end_digest.html.erb
index 8eba2265..04163726 100644
--- a/app/views/users/digests_mailer/year_end_digest.html.erb
+++ b/app/views/users/digests_mailer/year_end_digest.html.erb
@@ -14,7 +14,7 @@
       background-color: #f5f5f5;
     }
     .header {
-      background: linear-gradient(135deg, #2563eb, #7c3aed);
+      background: linear-gradient(135deg, #0f766e, #0284c7);
       color: white;
       padding: 40px 30px;
       text-align: center;