In AI Icon Creator's review of 500 icons from the US App Store's top free charts, the most common background colour was white (26%), the most common colour was blue (19% of all icons and 31% of the coloured ones), and 60% of icons used two main colours or fewer. The pattern changes by category: productivity apps lean white and blue, finance apps green and blue, food apps red and white, entertainment and photo apps black, and games break the rules with five or more colours in 52% of their icons. We looked at the top 50 free apps in each of 10 categories on 12 October 2026.
This guide shows the numbers, how we measured them and what they mean for the colours of your own app icon. The icons themselves aren't reproduced here, only the statistics. You can download the data as a CSV.
How did we measure the colours of 500 app icons?
We took the US App Store's Top Free chart for 10 categories, 50 apps each, from Apple's public chart feed on 12 October 2026, and measured every icon with a script. These are the four measures:
| Measure | How we counted it |
|---|---|
| Background colour | The median colour of the outer 5 px edge of a 100 × 100 copy, sorted into 11 colour families |
| Main colours | 8-colour quantisation, similar colours merged, colours that cover at least 8% of the icon counted. It is the same metric as in our minimalist app icons review |
| Background type | Flat (one colour), gradient, or busy (a scene, a strong gradient or a frame), from how much the edge varies |
| Contrast | The WCAG contrast ratio between the background and the largest colour that differs from it |
Three limits apply. It is one day's snapshot of US free charts, an icon with a dark frame counts as dark, and the main-colour count is an approximation, not a designer's judgement.
Our rules for tests and data studies, including how we use AI, are on how we test and update our content.
What colours do top iPhone app icons use?
White is the most common icon background (26%), followed by blue (19%), black (12%), red (10%), green (8%) and orange (7%). Among the 305 icons with a coloured background, meaning not white, black or grey, blue leads with 31%, then red (16%), green (13%) and orange (11%). Purple (9%), teal (9%), yellow (7%) and pink (4%) are rarer.
Most backgrounds are plain. Of the 500 icons, 46% had one flat colour, 16% a gradient and 38% a busy background such as a scene. Light backgrounds (40%) outnumbered dark ones (22%).
Which colours does each category use?
Each category has its own look, and the gaps between categories are bigger than any overall average suggests.
- Productivity: white and blue. 60% of productivity icons have a white background and 22% a blue one, 82% together. Only 12% are dark.
- Education: white and blue, with the most purple and teal. White is 30% and blue 24%. Purple (10%) and teal (10%) reach their highest shares of any category here.
- Finance: green, blue and white in nearly equal parts. Green and blue are 24% each and white 22%, 70% together. Green is only 8% of icons overall, so it works as a finance colour. Our banking app icons guide goes deeper.
- Shopping: orange stands out. Orange is 20% of shopping icons against 7% overall, next to white (22%) and blue (16%).
- Food and Drink: red and white. Red and white are 28% each, 56% together, and no icon in the top 50 has a black background.
- Health and Fitness: the most varied. No colour passes 28% (white), then red (14%), black (12%), orange (10%) and blue (10%). See also our health and fitness app icons guide.
- Social Networking: blue, white, black and green. 20%, 20%, 16% and 16%, with the most gradients (32%).
- Photo and Video, and Entertainment: black. Black is the top background in both, at 28%, and 38% of the icons in each category are dark.
- Games: blue and busy. Blue is 34% and orange 14%, and only 12% are white. Our game app icon design guide covers what the top games show.
Blue appears in every category, from 10% in Food and Drink and Health and Fitness to 34% in Games, so blue alone doesn't say much. The mix does.
How many colours do app icons use?
Most app icons use two main colours or fewer: 60% of the 500, and 65% when games are left out. Shopping (84%) and finance (82%) are the plainest. Education has the fewest two-colour icons outside games, at 46%.
Games are the exception. Only 14% of the top 50 free games used two main colours or fewer, 52% used five or more, and 84% had a busy background. That matches our 30 September review of the top 100 games, where only 11 used two colours or fewer.
Do top app icons have enough contrast?
Not always. The median contrast between an icon's background and its largest contrasting colour was 4.05:1, but 33% of the icons fell below 3:1 and 46% reached 4.5:1. W3C's WCAG 2.2 success criterion 1.4.11 asks for at least 3:1 between graphical objects and the colours next to them. It was written for interface components, but it makes a useful yardstick for a symbol on an icon.
Games have the lowest median (3.0:1, with half the icons below 3:1), then education (3.2:1, 46% below). Shopping and finance are highest, at 5.0:1. Low contrast is the first thing to go at small sizes, so our guide to keeping an icon legible at small sizes is worth reading before you pick a palette.
What does this mean for your app icon's colours?
The data describes what top apps do, not what causes downloads. It still gives you five useful starting points.
- Choose your position on purpose. Your category's two most common backgrounds tell people what kind of app yours is. Avoiding them makes your icon stand out. Neither is automatically better.
- Keep to two main colours, unless you are a game. That is what 65% of non-game icons do.
- Aim for 3:1 or more between symbol and background. A third of the top icons miss it, and half of the games do.
- A plain background is the safe default. Flat backgrounds are the most common single type (46%), and 66% in shopping.
- Check dark and light. 22% of icons are dark overall, but 38% in Entertainment and Photo and Video and only 10% in Food and Drink.
This table shows which backgrounds were rarest (0–2% of icons) in each category's top 50, which is where a different colour would stand out most.
| Category | Most common backgrounds | Rarest backgrounds (0–2%) |
|---|---|---|
| Productivity | White 60%, blue 22% | Green, orange, pink, yellow, purple, red |
| Education | White 30%, blue 24% | Pink, yellow |
| Finance | Blue 24%, green 24%, white 22% | Orange, pink |
| Shopping | White 22%, orange 20% | Green, teal |
| Food and Drink | White 28%, red 28% | Black |
| Health and Fitness | White 28%, red 14% | Pink, yellow |
| Social Networking | Blue 20%, white 20% | Red |
| Photo and Video | Black 28%, white 24% | Green, orange, pink |
| Entertainment | Black 28%, white 16%, blue 16% | Teal |
| Games | Blue 34%, orange 14% | Pink, purple |
To try a palette before you commit, describe your app and compare a few colour directions side by side:
Our guide to app icon colours explains how to choose a palette and how to measure contrast yourself.
Frequently asked questions
What is the best colour for an app icon?
There is no single best colour. In AI Icon Creator's review of 500 top free iPhone app icons, white (26%) and blue (19%) were the most common backgrounds, but the most common colour depended on the category. Pick a colour that fits your category or deliberately stands out, keep to two main colours, and check that the symbol has at least 3:1 contrast against the background.
What colours do finance apps use?
In the top 50 free finance apps on 12 October 2026, green (24%), blue (24%) and white (22%) were the most common icon backgrounds, 70% together. 82% of the icons used two main colours or fewer, and the median contrast of 5.0:1 was among the highest of the 10 categories, level with shopping.
How many colours should an app icon have?
Two main colours or fewer is the norm: 60% of the 500 icons, and 65% outside games. Games are the exception, with 52% using five or more colours. For a non-game app, two colours plus white or black keeps the icon simple and legible at small sizes.
Are dark app icons common?
About one in five app icons is dark: 22% of the 500 icons had a dark background. The share ranged from 10% in Food and Drink to 38% in Entertainment and in Photo and Video. A dark icon needs a bright symbol, because a dark icon on a dark wallpaper can lose its edges.
Do games use different colours from other apps?
Yes. Only 14% of the top 50 free games used two main colours or fewer, against 65% of icons in the other nine categories, and 84% of game icons had a busy background such as a scene. Their median contrast of 3.0:1 was the lowest of the 10 categories.