This page demonstates issues with <meta name="theme-color"> in Safari on iPadOS* 26 Developer Beta 1 (FB17986290), namely:

• <meta name="theme-color"> does not affect Safari top bar
• <meta name="theme-color"> does not affect the viewport "background" color when overscrolling

When scrolling the page, page navbar's background and theme colors change:

• Before scrolling, navbar has a slight dark gradient and the theme color is black to put focus on the hero image
• After scrolling, navbar and theme are page's background color to blend in

Safari on iPadOS 26 seems to match the color of the top pixel on the page, so to highlight that <meta name="theme-color"> isn't used, enable the control below