Brand colour overlay on photos: when to use it and how not to ruin the image
A colour overlay — a semi-transparent layer of your corporate tone over a photograph — is one of the fastest ways to make ten different pieces read as a single campaign. It is also one of the easiest to spoil: too much opacity and the photo disappears; the wrong tone and the text on top stops being readable. The difference between the two almost never comes down to the colour itself, but to how it combines with the background image and whatever sits on top.
What a brand overlay is actually for
It visually unifies photos that have nothing in common: a team portrait, a product shot in a warehouse, and a generic stock image can share the same blue tint at 25% opacity and read as part of the same brand universe. That is especially useful in low-production campaigns where you cannot control the light or framing of every shot but can control post-processing.
It also helps when text goes directly on the photo. A dark or light overlay — depending on copy colour — creates a more predictable reading zone than hoping the sky in the photo has exactly the right contrast where the headline lands.
When you do not need it (and it gets in the way)
If the photo already has a strong palette coherent with the brand, adding another colour on top usually muddies it without adding real unity. The same applies to products where colour is the protagonist — an overlay on a red shoe or a well-lit dish removes information the image was already communicating on its own.
Opacity: the range that usually works
Between 15% and 35% opacity is usually enough to feel the brand colour without hiding the photo. Below 15%, on many screens the effect vanishes; above 40%, you start losing detail in shadows and highlights in ways that show on mobile even when the design monitor looks fine.
Pick the tone for the photo, not just the brand manual
Corporate Pantone on a warm sunset photo and the same Pantone on a cool architecture shot do not produce the same result. Before fixing one overlay for the whole campaign, test the layer on the lightest and darkest photo in the set.
In SMALLADAPT you can choose a solid background colour and adjust framing before downloading — try it here with a campaign photo and check how text reads on top in each network's real format.
