Skip to content

Enable or Disable Tab Bar Color in Safari on iPhone & iPad

The Safari browser has a feature known as Website Tinting to manage the color theme in the tab or address bar. The colors are automatically extracted from the site, or the site owner can define the color theme in the meta.

We can enable or disable website tinting from the Phone Settings menu. It helps to identify the site when multiple tabs are loading easily.

In this guide, I have shared written instruction about:

Customize Tab Bar Color using Website Tinting

The Website Tinting feature is enabled by default. However, we have the option to allow/disable the tinting. Here are the steps to follow:

  1. Launch the Settings menu on your device.
  2. Select Safari from the Settings menu list.
    Safari app Settings option in iPhone
  3. Scroll down to the Tabs section and enable the Allow Website Tinting toggle on your iPhone.
    Allow Website Tinting toggle off in iPhone

The website tinting will be disabled, and the color address bar will be disabled.

Similarly, On iPad – scroll down to the Accessibility section and turn off Show Color in the Tab Bar toggle.

iPad Accessibility section Show Color in Tab Bar

That’s it; the feature color in the tab bar or website tinting is disabled, and you will see a standard tab or address bar.

Safari Color in Tab Disable with Website Tinting in iPhone

However, if you wish to re-enable it at any point, turn on the toggle button for the Allow Website Tinting on the iPhone and Show Color in Tab Bar on the iPad.

Safari Color in Tab with Website Tinting feature

Bottom Line

The website tinting or color in tabs helps differentiate websites if there are multiple open tabs in the Safari app. Each tab color will be induced from the website element or as defined by the webmaster.

As a user, we can control the color in the tab feature and the option from the device’s Settings menu.

We have added the color theme meta on; if the website tinting option is enabled, you can see the tab color changing to red, which matches our brand color.

Please share the article if you find it helpful:

Disclosure: This page may contain affiliate links, which means we may receive compensation for your purchases; of course at no extra cost to you (indeed, you may get special discounts).
Kushal Azza

Kushal Azza

Kushal Azza is a Google Certified Analytics & IT Professional, Digital Content Creator, and Go-To Digital Marketer with an Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

Leave a thought or feedback

Please leave a descriptive comment or feedback with your real name. Our human moderator vets every comment, and it may take 24 to 48 hours to get published or rejected.
Your email address will not be published, and we will never spam your inbox. Required fields are marked *