diff --git a/static/input.css b/static/input.css
index 924ec2d..3d5f334 100644
--- a/static/input.css
+++ b/static/input.css
@@ -29,11 +29,11 @@
 }
 
 #text-404 {
-  @apply bg-gradient-to-br from-teal-400 to-emerald-300 bg-clip-text text-transparent;
+  @apply bg-gradient-to-br from-cyan-500 to-teal-400 bg-clip-text text-transparent;
   font-size: 12rem;
   font-weight: bold;
   position: relative;
-  --text-shadow: 1px 1px theme("colors.emerald.500"), 2px 2px theme("colors.emerald.500"), 3px 3px theme("colors.emerald.500"), 4px 4px theme("colors.emerald.500"), 5px 5px theme("colors.emerald.500");
+  --text-shadow: 1px 1px theme("colors.teal.600"), 2px 2px theme("colors.teal.600"), 3px 3px theme("colors.teal.600"), 4px 4px theme("colors.teal.600"), 5px 5px theme("colors.teal.600");
 }
 
 #text-404::after {
diff --git a/tailwind.config.js b/tailwind.config.js
index 6b1aa40..b3d5b6d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -32,15 +32,15 @@ module.exports = {
             a: {
               textDecoration: "none",
               fontWeight: "medium",
-              color: theme("colors.blue.500"),
+              color: theme("colors.cyan.600"),
               transitionProperty: theme("transitionProperty.shadow"),
               transitionTimingFunction: theme(
                 "transitionTimingFunction.in-out"
               ),
               transitionDuration: theme("transitionDuration.150"),
-              boxShadow: `inset 0 -0.4em ${theme("colors.blue.100")}`,
+              boxShadow: `inset 0 -0.4em ${theme("colors.cyan.100")}`,
               "&:hover": {
-                boxShadow: `inset 0 -0.6em ${theme("colors.blue.200")}`,
+                boxShadow: `inset 0 -0.6em ${theme("colors.cyan.200")}`,
               },
             },
           },
diff --git a/templates/index.html b/templates/index.html
index 6145cee..6bfcec9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -70,7 +70,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=news_post.title,
     href=news_post.permalink,
-    class="bg-rose-50 hover:bg-rose-100 border-rose-200",
+    class="bg-teal-50 hover:bg-teal-100 border-teal-200",
     icon_class="bi-megaphone-fill",
     label="News",
   ) }}
@@ -82,7 +82,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=blog_post.title,
     href=blog_post.permalink,
-    class="bg-blue-50 hover:bg-blue-100 border-blue-200",
+    class="bg-cyan-50 hover:bg-cyan-100 border-cyan-200",
     icon_class="bi-pencil-square",
     label="Blog",
   ) }}
@@ -116,7 +116,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
 
 <div class="flex flex-col md:grid grid-cols-6 gap-4 max-w-4xl">
   {{ self::event(
-  class="col-span-6 bg-gradient-to-br shadow-lg from-fuchsia-700 to-fuchsia-900 text-white",
+  class="col-span-6 bg-gradient-to-br shadow-lg from-teal-500 to-teal-700 text-white",
   name="Berkeley mini Math Tournament 2026",
   date="April 12, 2026",
   href="/events/bmmt-2026/",
@@ -124,7 +124,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
   ) }}
 
   {{ self::event(
-  class="col-span-4 bg-gradient-to-br shadow-lg from-orange-700 to-orange-900 text-white",
+  class="col-span-4 bg-gradient-to-br shadow-lg from-cyan-500 to-cyan-700 text-white",
   name="BmMT 2026 Online",
   date="June 6, 2026",
   href="/events/bmmt-2026-online/",
diff --git a/templates/shortcodes/button_link.html b/templates/shortcodes/button_link.html
index 8487a91..4ff284b 100644
--- a/templates/shortcodes/button_link.html
+++ b/templates/shortcodes/button_link.html
@@ -1,4 +1,4 @@
 <a href="{{ href }}"
-  class="not-prose inline-block text-base bg-teal-500 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
+  class="not-prose inline-block text-base bg-teal-600 hover:bg-teal-700 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
   {{ body }}
 </a>