![Pete LePage](https://web.dev/images/authors/petelepage.jpg) Pete LePage [X](https://twitter.com/petele) [GitHub](https://github.com/petele) [Mastodon](https://techhub.social/@petele) [Homepage](https://petelepage.com/)

<br />

![Screenshot of phone showing theme-color.](https://developer.chrome.com/static/blog/support-for-theme-color-in-chrome-39-for-android/image/screenshot-phone-showing-cd48500fd0af.png)

Starting in version 39 of Chrome for Android on Lollipop, you'll now be able
to use the `theme-color` meta tag to set the toolbar color---this means no more
Seattle gray toolbars! The syntax is pretty simple: add a `meta` tag to your
page's `<head>` with the `name="theme-color"`, and set the `content` to any
valid CSS color.

For example, to set the background to your favorite color or HTML5Rocks orange:

```html
<meta name="theme-color" content="#db5945">
```

In addition, Chrome will show beautiful high-res favicons when they're
provided. Chrome for Android picks the highest res icon that you provide,
and we recommend providing a 192×192px PNG file. For example:

```html
<link rel="icon" sizes="192x192" href="nice-highres.png">
```

Check out the theme-color here on HTML5Rocks as well as on the [Web Fundamentals](https://developers.google.com/web/fundamentals/) site, and be sure
to check out the
[Add to home screen docs](https://developers.google.com/web/fundamentals/design-and-ux/browser-customization/)
for more ways to make your site stand out.