Android chrome tab color

Today I come across the website of PaperHive with my Android phone and the tab in the chrome browser was blue instead of gray. I wanted the same for my website in green. I checked the HTML source of the website and found the responsible meta tag.

Meta tag theme-color

The responsible meta tag name was theme-color. Here a small example with #42ca5b as theme-color.

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- ... -->
        <meta name="theme-color" content="#84db94">
        <!-- ... -->
    </head>
    <body>
        <!-- ... -->
    </body>
</html>

The result looks like this on my phone.

Android chrome tab color focus tab
Android chrome tab color more tabs
Next Previous