What is the purpose of the theme-color metadata in HTML?

The theme-color metadata suggests a color for customizing the page's display.

This metadata allows user agents to use a specified color to customize the display of the page or the surrounding user interface. It can enhance the visual integration of the web page with the browser or device UI, especially on mobile devices.

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