diff --git a/config.toml b/config.toml
index 6fb565f..d76456e 100644
--- a/config.toml
+++ b/config.toml
@@ -26,6 +26,7 @@ enableEmoji = true
   colorScheme = "auto"
   hideColorSchemeToggle = false
   maxSeeAlsoItems = 5
+  mask_icon_color = "#e76f51"
 
 [[params.social]]
   name = "Mastodon"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 9fa5f4e..6b61af0 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -88,7 +88,7 @@
     <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Params.touchicon | default "/images/apple-touch-icon.png" | relURL }}">
     
     <link rel="manifest" href="{{ .Site.Params.manifest | default "/site.webmanifest" | relURL }}">
-    <link rel="mask-icon" href="{{ .Site.Params.mask_icon | default "/images/safari-pinned-tab.svg" | relURL }}" color="#e76f51">
+    <link rel="mask-icon" href="{{ .Site.Params.mask_icon | default "/images/safari-pinned-tab.svg" | relURL }}" color="{{ .Site.Params.mask_icon_color | default "#5bbad5" }}">
 
     {{ range .AlternativeOutputFormats -}}
       {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}