diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index b81a0b8..ff06e46 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -28,7 +28,7 @@ export default function Page() {
       <p className="flex">
         <Link
           href="/intro"
-          className="flex justify-center items-center hover:bg-red-700 text-white mx-auto red-button sm:text-3xl sm:px-6 sm:py-3"
+          className="flex justify-center items-center hover:bg-darker-blueish text-white mx-auto red-button sm:text-3xl sm:px-6 sm:py-3"
         >
           {tP("get-started")}
           <svg
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 4c5872b..5ca91ff 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -20,6 +20,7 @@ const config: Config = {
       colors: {
         "light-blueish": "#3866f5",
         "dark-blueish": "#091c45",
+        "darker-blueish": "#091D45",
       },
     },
   },