Coloured and Gradient Backgrounds for Product Photos: When to Move Beyond White (2026 Guide)

White backgrounds are the workhorse of e-commerce photography, and for good reason. They are clean, they are required on most main image slots, and they keep the buyer focused on the product. But white is not the only option, and for sellers fighting to stand out in a crowded feed, it is not always the most effective one. Coloured and gradient backgrounds, used in the right place, can make a listing feel more premium, more on-brand and far more thumb-stopping on mobile.

The trick is knowing where you are allowed to use them, where they actually help conversions, and how to keep them from looking amateurish. This guide walks through all three.

The golden rule: main image white, secondary images free

Before you reach for a bold colour, understand the one constraint that governs almost every marketplace: the main (hero) image must usually be on a pure white background. Amazon is the strictest. Its main image must be pure white at RGB 255, 255, 255 — not light grey (240, 240, 240), not off-white (250, 250, 250), and not transparent. Get this wrong and Amazon can suppress your listing from search entirely.

The good news is that this rule applies only to the main image. Secondary slots (images 2 through 9 on Amazon, and equivalent gallery slots elsewhere) are where you are free to experiment with coloured, gradient and lifestyle backgrounds. This split is consistent across most platforms:

So the strategy almost writes itself: keep a compliant white hero image, then use your gallery slots to bring colour, mood and brand personality. You get the best of both worlds without risking suppression.

What a background colour says to your buyer

Colour is not decoration — it carries meaning, and shoppers read it in a fraction of a second. Choosing a background hue is really a branding decision. A few reliable associations:

• White: clean, honest, premium, trustworthy. The safe default and the reason it dominates marketplaces.
• Black or charcoal: luxury, sophistication, drama. Works beautifully for jewellery, electronics, watches and high-end cosmetics.
• Pastels (blush pink, sage, baby blue): soft, modern, lifestyle-friendly. Popular for beauty, wellness and homeware.
• Bold primaries (red, cobalt, yellow): energetic, youthful, attention-grabbing. Strong on social feeds where you are competing for a scroll.
• Earth tones (terracotta, oatmeal, olive): natural, artisanal, sustainable. A natural fit for organic, handmade and eco products.

The simplest professional move is to pull your background colour from your brand palette or, better still, from a colour already present in the product. A complementary background — opposite the product on the colour wheel — makes the item pop, while an analogous background creates a calmer, more cohesive feel.

Gradients: when a flat colour is not enough

A gradient background blends one tone into another — typically light to dark, or one hue into a neighbour. Done well, a gradient adds depth and a studio-quality finish that a flat colour cannot. There are two main reasons to use one.

To create a sense of dimension

A subtle light-to-dark gradient mimics how studio photographers light a seamless paper backdrop. The lighter zone sits behind the product and the tone darkens towards the edges of the frame, which lifts the product off the background and emphasises its form. This is especially flattering for rounded objects — bottles, jars, bags and footwear.

To grab attention on social feeds

On Instagram, Facebook Shops, TikTok Shop and Pinterest, a vibrant gradient (think coral into magenta, or teal into deep blue) stops the scroll in a way plain white never will. Because these platforms have no white-background rule, the gallery and ad creative are exactly where a gradient earns its keep.

A word of caution: keep gradients smooth. Banding — those visible stepped lines in a gradient — is a tell-tale sign of an over-compressed or low-bit-depth image. Save gradient-heavy images at higher quality and avoid aggressive compression that introduces ugly stripes.

Five rules to keep coloured backgrounds looking professional

1. Keep the product clearly separated. The single biggest mistake is choosing a background so close to the product's own colour that the two blur together. A navy bag on a navy background disappears. Always ensure strong tonal contrast between subject and backdrop.
2. Stay consistent across the catalogue. If one product sits on blush pink and the next on bright orange, your shop looks chaotic. Pick one or two brand backgrounds and apply them across the range so your gallery and category pages feel cohesive.
3. Mind the colour cast. A strong coloured background can reflect onto the product and shift its apparent colour — a real problem if it makes a buyer expect a shade they will not receive. This is one of the leading causes of colour-related returns, so check the product still looks true.
4. Do not let the background outshine the product. The background supports the hero, it is not the hero. If people remember the colour more than the item, you have gone too far.
5. Watch your file sizes. Coloured and gradient backgrounds carry more visual data than flat white, which can inflate file size and slow your page. Compress sensibly and keep within each marketplace's size limits.

The practical workflow: shoot white, recolour later

You do not need a wardrobe of coloured paper backdrops to use this technique. The most efficient approach for high-volume sellers is to shoot every product cleanly on white, remove the background, and then place the cut-out on whatever colour or gradient you need. One shoot, unlimited backgrounds.

This is exactly the kind of repetitive, high-volume task worth automating. A tool like PixelPrep can clean up and standardise your product backgrounds in seconds, so you can produce a marketplace-compliant white hero image and brand-coloured gallery variants from the same source photo — without opening complex editing software. Because it also resizes to each marketplace's exact dimensions, you avoid the rejection traps that come with mismatched specs.

Then, when you publish, follow the split: a pure white compliant main image, and coloured or gradient gallery images that show off your brand. PixelPrep makes producing both versions from one photo quick enough to do across an entire catalogue.

When to stick with plain white

Coloured backgrounds are powerful, but they are not always the right call. Stay on white when:

• You are filling a marketplace main image slot that requires it.
• Your products are wildly different colours and a single brand background would clash with too many of them.
• You sell on price and trust, where a clean, no-frills catalogue signals reliability.
• You are short on time and need a fast, consistent, foolproof result.

Quick checklist

• Main image: pure white (255, 255, 255 for Amazon), product filling 80-85% of the frame.
• Gallery images: use coloured or gradient backgrounds drawn from your brand palette.
• Contrast: background tone clearly different from the product.
• Consistency: one or two brand backgrounds across the whole catalogue.
• Colour accuracy: check the background is not casting a misleading tint on the product.
• Gradients: keep them smooth, save at higher quality to avoid banding.
• File size: compress and resize to each marketplace's limits before uploading.

Used with discipline, coloured and gradient backgrounds let you keep the compliance and trust of white where it matters, while injecting the personality and shelf-appeal that helps your listings win the click everywhere else.