Your Brand Colors Matter Less Than Contrast

Your palette is not the message

Bottom line: brand colours matter for recognition over time, but they do not make a single listing image readable. Contrast does, and contrast is a separate decision.

I love a good brand palette. I have built them, defended them, and refined them for sellers who care deeply about how their brand feels. But I have also watched a beautiful, on-brand listing lose to a plainer one, because the plainer one could be read. The buyer's eye does not award points for colour harmony. It awards attention to whatever it can parse fastest, and in a search results grid, parsing speed is everything.

The confusion comes from mixing two jobs. A palette's job is to make your brand recognisable across many touchpoints over months. A listing image's job is to make one product understandable in seconds. When you force the first job onto the second, you get soft, low-contrast callouts in brand tints that look elegant in a brand guide and vanish on a phone screen. I have seen sage green text on cream, dusty rose on beige, and light gold on white, all on-brand, all unreadable.

That is not an argument against brand colours. It is an argument for using them where they work: as accents, as backgrounds for large dark text, as the colour of a product or a prop, not as the sole carrier of small information. Your brand should be visible. It should not be the reason your headline cannot be read. For the image-level view, read why listing images are salespeople, not art.

Contrast is a number, not a feeling

Bottom line: if you cannot measure the contrast of your text, you are guessing, and guessing is how readable-looking images fail on real screens. Use the standard ratios.

The Web Content Accessibility Guidelines set a clear bar: normal text needs a contrast ratio of at least 4.5:1 against its background, and large text needs at least 3:1 (WCAG colour contrast guide). Those numbers were written for web pages, but the principle transfers directly to listing images, because the failure mode is identical: text that is too close in brightness to its background disappears, first for people with low vision, then for everyone reading a phone in bright light.

I run listing callouts through a contrast checker the same way I would run web text through one. It takes a minute, and it ends arguments about taste with a number. A brand colour that passes at large headline size may fail badly at small caption size, which tells you exactly where it can and cannot be used. Darken the brand colour for text, lighten the background behind it, or put a solid panel behind the words. Any of those moves keeps the brand present while making the words work.

Also watch text over photos, the most common contrast failure in secondary images. A headline laid over a busy lifestyle photo has a different contrast ratio at every point along the line, which means part of it always fails. Put a solid or darkened panel behind text on photos, or move the text to a clean area of the frame. If you cannot read every word at thumbnail size, neither can your buyer.

What actually beats a pretty palette in search

Bottom line: size, weight, spacing, and a single clear focal point beat colour matching in search, because they survive shrinking to thumbnail size while subtle colour work does not.

Open any Amazon search results page and shrink your mental view to thumbnail size. What survives? Big shapes, dark text on light ground, one dominant product, and plenty of space around the message. What dies? Fine colour distinctions, thin type, gradient text, and multiple competing accents. That is not a theory. It is what happens every time a detailed image is reduced to a few hundred pixels wide, and mobile traffic makes it the default view: about 59.5% of Amazon.com traffic comes from mobile (Amazon traffic statistics).

Hierarchy is the other half of this. One headline, one supporting line, one product, in that order of visual weight. When everything is given equal weight, the eye has nowhere to land, and the image feels busy even if the palette is restrained. I wrote about that exact trap in why twelve features on image two hurts you, and the principle is the same here: restraint in number, not just in colour, is what creates clarity.

How to keep your brand and still be readable

Bottom line: keep your palette, but assign it jobs by contrast: dark brand colours for text, light brand colours for backgrounds, and one accent for the single most important element.

Here is the system I use with sellers who are attached to their palette, as they should be. First, identify the darkest colour in the palette that still feels like the brand, and use it for headlines and key callouts. Second, identify the lightest neutral that pairs with it, and use that as your text background. Third, pick one accent colour, and use it only for the one thing that must draw the eye first, usually a single badge, arrow, or key benefit. Everything else stays neutral.

That system preserves brand recognition without sacrificing readability, because recognition comes from repetition of the same few colours across the whole set, not from using all of them in every image. A catalog that repeats one dark brand colour and one accent across nine images reads as more branded than a catalog that uses a different pastel in every frame. Consistency is branding. Variety is noise.

As Leonardo da Vinci is credited with saying, Simplicity is the ultimate sophistication. (design quotations collection). In listing design, simplicity shows up as contrast you can measure, type you can read, and a palette that knows its place. If your images look beautiful in your brand guide but blurry in search, the palette is not the problem. The contrast is. Fix that, and the brand will finally be seen. For the full image system, browse the listing images hub.

A five-minute contrast check for your next image

Bottom line: check every callout at thumbnail size, on a phone, against a contrast checker, before you approve it. Five minutes here saves a listing that otherwise looks finished but does not sell.

Here is the check, in order. First, view the image at the size it appears in search results. Second, read every word aloud from that view, without zooming. Third, run the text and background colours through a contrast checker and confirm at least 4.5:1 for small text and 3:1 for large text. Fourth, darken any brand colour that fails, rather than shrinking the text or adding a decorative effect to compensate. Fifth, check the image on a phone outdoors or under bright light, where low contrast fails first.

Sellers sometimes worry this process will make their listings look generic. It will not. It will make them look confident, because confident design does not hide behind soft colours. It states the benefit plainly, in type a buyer can actually read, and lets the product and the brand colours support that statement rather than smother it. Try it on your weakest listing this week. The difference between a pretty image and a readable one is usually one darker shade and a little more space, and that difference is worth more than a rebrand.

Want me to check the contrast on your current image set? Get a free listing audit and I will show you exactly what to fix first.