diff --git a/demo/public/index.html b/demo/public/index.html
index 84b16d37c0..a685e87125 100644
--- a/demo/public/index.html
+++ b/demo/public/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" />
     <link rel="icon" href="/static/icons/favicon.ico" />
-    <link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#3fbbf4" />
+    <link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#03a9f4" />
     <link
       rel="preload"
       href="/static/fonts/roboto/Roboto-Regular.ttf"
@@ -39,14 +39,14 @@
       name="msapplication-square310x310logo"
       content="/static/icons/tile-win-310x310.png"
     />
-    <meta name="msapplication-TileColor" content="#3fbbf4ff" />
+    <meta name="msapplication-TileColor" content="#03a9f4ff" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="referrer" content="same-origin" />
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <meta name="theme-color" content="#2157BC" />
+    <meta name="theme-color" content="#03a9f4" />
     <meta property="fb:app_id" content="338291289691179" />
     <meta property="og:title" content="Home Assistant Demo" />
     <meta property="og:site_name" content="Home Assistant" />
@@ -91,7 +91,7 @@
         display: block;
         content: "";
         height: 112px;
-        background-color: #3fbbf4;
+        background-color: #03a9f4;
       }
     </style>
   </head>
diff --git a/demo/public/manifest.json b/demo/public/manifest.json
index a38462f2e5..ce52141bda 100644
--- a/demo/public/manifest.json
+++ b/demo/public/manifest.json
@@ -27,7 +27,7 @@
   ],
   "lang": "en-US",
   "name": "Home Assistant Demo",
-  "short_name": "Assistant Demo",
+  "short_name": "Demo",
   "start_url": "/?homescreen=1",
   "theme_color": "#03A9F4"
 }
diff --git a/src/html/index.html.template b/src/html/index.html.template
index c6f1a653af..fc0e515764 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -8,13 +8,13 @@
     <title>Home Assistant</title>
     <link rel='apple-touch-icon' sizes='180x180'
           href='/static/icons/favicon-apple-180x180.png'>
-    <link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#3fbbf4">
+    <link rel="mask-icon" href="/static/icons/mask-icon.svg" color="#03a9f4">
     <meta name='apple-mobile-web-app-capable' content='yes'>
     <meta name="msapplication-square70x70logo" content="/static/icons/tile-win-70x70.png"/>
     <meta name="msapplication-square150x150logo" content="/static/icons/tile-win-150x150.png"/>
     <meta name="msapplication-wide310x150logo" content="/static/icons/tile-win-310x150.png"/>
     <meta name="msapplication-square310x310logo" content="/static/icons/tile-win-310x310.png"/>
-    <meta name="msapplication-TileColor" content="#3fbbf4ff"/>
+    <meta name="msapplication-TileColor" content="#03a9f4ff"/>
     <meta name='mobile-web-app-capable' content='yes'>
     <meta name='referrer' content='same-origin'>
     <meta name='theme-color' content='{{ theme_color }}'>