theme-color

The theme-color value for the name attribute of the <meta> element indicates a suggested color that user agents should use to customize the display of the page or of the surrounding user interface. If specified, the content attribute must contain a valid CSS <color>.

Example

<meta name="theme-color" content="#4285f4">

The following image shows the effect that the <meta> element above will have on a document displayed in Chrome running on an Android mobile device.

Image showing the effect of using theme-color
Image credit: from Icons & Browser Colors, created and shared by Google and used according to terms described in the Creative Commons 4.0 Attribution License.

Specifications

Specification
HTML Living Standard
The definition of 'theme-color' in that specification.

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
theme-colorChrome Partial support 73
Notes
Partial support 73
Notes
Notes Desktop Chrome only uses the color on installed progressive web apps. (Per caniuse.com.)
No support 39 — 72
Notes
Notes Desktop Chrome 39-72 claimed to have support, but did not actually use the color anywhere. Chrome for Android did use the color in the toolbar. (Per caniuse.com.)
Edge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android Full support 80
Notes
Full support 80
Notes
Notes Chrome for Android does not use the color on devices with native dark-mode enabled. (Per caniuse.com.)
Firefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android Full support 6.2

Legend

Full support
Full support
Partial support
Partial support
No support
No support
See implementation notes.
See implementation notes.