# How can I change the meta color?

{% hint style="success" %}
Available in version 1.1.0 and later
{% endhint %}

<div data-full-width="false"><figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2F9HWmL5NBcSHpUGOQqfIx%2Fsimulator_screenshot_D98F1DE4-07D3-40F2-A81D-8994551DC11D.jpg?alt=media&#x26;token=bb1bb31f-a774-439a-a103-7ca2365d72f3" alt="" width="188"><figcaption></figcaption></figure></div>

The *meta color* (also known as the theme color) is the color that appears in the browser’s address bar and system UI on mobile devices. It helps create a more cohesive branded experience when customers visit your store on phones or tablets.

You can update the meta color in your Shopify admin by going to **Settings > General > Branding > Primary Color**.

The color you choose there will automatically update the meta color across supported mobile browsers.
