diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index c08a3b6..98dbc77 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -4,7 +4,7 @@ export default function Hero() {
   return (
     <section className="header-background relative flex min-h-screen items-center justify-center px-6 pt-20 text-center text-white">
       <div className="container mx-auto flex flex-col items-center px-3 md:w-3/5">
-        <CadCADLogo className="mb-4 h-16 md:h-20" variant="white" />
+        <CadCADLogo className="mb-4 h-16 md:h-20" variant="color" />
         <h1 className="my-4 text-5xl font-bold leading-tight">cadCAD</h1>
         <p className="mb-2 text-lg italic text-white/80">
           Complex Adaptive Dynamics Computer-Aided Design