diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 84101c7..38e6e77 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -18,7 +18,7 @@ export function HeroSection() {
           
           <Link
             href="/calendar"
-            className="inline-block text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl bg-[#7ebdc5]"
+            className="inline-block text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl bg-[#916398]"
             style={{ 
               boxShadow: "0 6px 10px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.12)", 
               textShadow: "0 1px 3px rgba(0, 0, 0, 0.15)",