diff --git a/packages/website/app/root.tsx b/packages/website/app/root.tsx
index aa3188c..c108600 100644
--- a/packages/website/app/root.tsx
+++ b/packages/website/app/root.tsx
@@ -20,6 +20,7 @@ import tailwindCss from "~/modules/ui/tailwind.out.css"
 export const meta: MetaFunction = () => ({
   "title": "Reacord",
   "description": packageJson.description,
+  "theme-color": "#21754b",
 
   "og:url": "https://reacord.fly.dev/",
   "og:type": "website",