diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 4e15189..2e3b30d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -102,7 +102,7 @@ const siteLang = siteConfig.lang.replace("_", "-");
 
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<meta name="theme-color" content={hslToHex(siteConfig.themeColor.hue, 74, 100)}>
+		<meta name="theme-color" content={hslToHex(siteConfig.themeColor.hue, 46, 62)}>
 
 		{favicons.map(favicon => (
 			<link rel="icon"