diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ea60685d489..dab434d00a34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## Unreleased version
 
+- Adds support for custom meta-theme site color. (#692)
 - Add support for `site-css` config parameter to provide site-level CSS files. (#695)
 - Add support for `description` YAML parameter to provide a more detailed meta description (#690)
 
diff --git a/_config.yml b/_config.yml
index f0e93ca25432..3568fc429404 100644
--- a/_config.yml
+++ b/_config.yml
@@ -101,6 +101,11 @@ footer-link-col: "#404040"
 #footer-img: "/assets/img/bgimage.png"
 #page-img: "/assets/img/bgimage.png"
 
+# Customize the site coloration for your website. This is used by various applications,
+# for example many mobile browsers will use this color in their user interface elements
+# when users view your website.
+#custom-site-color: ""
+
 # You can also include any number of additional CSS assets in every page on your site
 #site-css:
 #  - "/assets/css/my-style.css"
diff --git a/_includes/head.html b/_includes/head.html
index 2a6acbefa6f1..ada9ffc65176 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -14,6 +14,10 @@
   <meta name="description" content="{{ page.subtitle }}">
   {% endif %}
 
+  {% if site.custom-site-color %}
+  <meta name="theme-color" content="{{ site.custom-site-color }}">
+  {% endif %}
+
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | default: 'Untitled' }} {{ site.title-separator | default: '-' }} {{ site.description }}" href="{{ '/feed.xml' | absolute_url }}">
 
   {% include gtag.html %}