Tint App Icons to Match Your New iPhone 18 Pro Color

In iOS 26, Apple added a feature to its Home screen customization options that can match the color of your app icons with the actual color of your iPhone. The image below demonstrates the effect on last year's iPhone 17 Pro in Cosmic Orange.

In iOS 18, Apple introduced Tinted app icons. The option applies a color filter over app icons, widgets, and even system UI elements, and with iOS 26, Apple built on the theme with a new option that matches the color of your iPhone model. This option has survived the switch to iOS 27, released on September 14, 2026, so now you can use it to match the colour of your iPhone 18 Pro, which comes in new shades of Burgundy, Silver, Glacier Blue, and Black.

iOS 27 knows the exact finish and color variant of your iPhone because Apple has the device's SKU mapped at the firmware level (SKUs are a unique identifier that companies use to track and manage inventory). This allows iOS to identify your model and match a precise color profile.

This filter uses a base color taken from your iPhone's chassis color, then automatically adjusts brightness, saturation, and contrast so icons remain legible while still reflecting the hardware's tone. The following steps show you how it's done.

1. On your iPhone's Home screen, long press a space between app icons.
2. Tap Edit in the top-left corner, then select Customize from the popup menu.
3. Choose Tinted from the options panel that appears, then tap the far-left iPhone button under the two horizontal color sliders.
4. Select Light, Dark, or Auto, based on your preferences.

That's all there is to it.

Match App Icons With Your iPhone's Case Color

If you press the button immediately right of the iPhone color tint option, iOS 27 will even match app icon colors to your iPhone's case color. However, this only works with official Apple MagSafe cases that include a small NFC chip with color variant information.

Note that Tinted mode looks different in iOS 27 than it did in iOS 18. Rather than icons featuring a black background with colored graphics, icons adopt the full color that you select with white graphics in Light Mode. In ‌Dark Mode‌, backgrounds are a much darker shade of the color you choose, but aren't entirely black.