Asset 20 8 2
Does AI recommend your business? Run the free check →

Join 15,000 business owners, marketers and entrepreneurs. The Sunday newsletter you'll be annoyed only arrives once a week.

Article

How to Change the Background Colour on Your Instagram Story

If you are skim reading
The short version: to change the background colour on your Instagram Story, add a photo or blank slide, tap the pen tool, hold your finger on a colour until a palette appears, or type text first and swipe through the coloured backgrounds that sit behind the te

The short version: to change the background colour on your Instagram Story, add a photo or blank slide, tap the pen tool, hold your finger on a colour until a palette appears, or type text first and swipe through the coloured backgrounds that sit behind the text tool. If neither works, the fix is almost always about what's underneath the layer, not the tool itself.

I've spent years watching small business owners wrestle with Instagram's interface, and background colour is one of those things that should take ten seconds and somehow eats ten minutes. It's not complicated once you know where Instagram hides the options. It's hidden badly, that's all.

The three ways Instagram lets you change a Story background

There isn't one single "change background" button. Instagram splits this across three separate tools depending on what you're starting with. Knowing which one applies to your situation saves you the circular tapping that wastes most people's patience.

  • Blank canvas, solid colour: open the Story camera, swipe to find a blank or coloured template, then tap and hold anywhere on the screen. A strip of colours appears at the bottom. Drag your finger across it and the background changes live.
  • Text-first background: type your text, then before you place it, swipe left or right across the screen (not the text box itself). This cycles through a set of background colours and gradients that sit behind the text, not the whole Story.
  • Photo or video with a colour layer on top: tap the pen tool, choose the thick marker, hold your finger down on the screen for about two seconds without dragging, and a full colour picker opens. You can then paint a colour block behind or around your image.

Here's a step-by-step for the most common request I hear, which is "I want a plain colour background with my product photo on it." Open the Story camera. Select the photo from your gallery. Tap the sticker or text icon and add a text box, even an empty one, because this opens up the background colour strip at the bottom of the screen. Press and hold on any colour for roughly two seconds. Drag across the strip until you hit the shade you want. Delete the empty text box once you've locked in the colour. That sequence works on both iOS and Android as of the current Instagram app version, though Meta tweaks the interface every few months without announcing it, which is why a method that worked in January sometimes stalls by June.

A worked example: the pastel-pink Story that wouldn't cooperate

Say you run a candle business from home and you want a soft pastel-pink background behind a flat-lay photo of three new scents, with white text listing the names. You open the Story camera, pick the photo, add the text, and go hunting for the pink. You hold your finger on the screen expecting the colour strip. Nothing happens. You try again. Still nothing.

The usual reason is that you're holding down on the photo layer itself rather than on the text tool's active state. The colour picker for backgrounds only appears when a text box is selected and empty, or when you're using the pen tool in its "fill" mode. If you've already typed your candle names and tapped away to deselect the text box, the colour strip disappears with it. The fix is to tap back into the text box so the cursor is blinking inside it, then swipe. Once the pastel pink shows up, you drag it to the shade you want, tap outside the box to place it, then reposition the photo and text afterwards. It's a three-step dance that Instagram never explains, and it's the single biggest reason people give up and just use a plain white background instead.

Why the background colour sometimes refuses to apply at all

This is the bit most tutorials skip entirely, because it's slightly embarrassing for Instagram and nobody wants to say it plainly: the background colour tool is tied to which creative mode you're in, and Instagram does not tell you which mode you're in. If you've opened a boomerang, a layout collage, or a reel repurposed as a Story, the colour picker often won't appear because those formats route through a different editing pipeline. You can tap and hold until your thumb goes numb and nothing will show up, not because you're doing it wrong but because that particular format doesn't support it. The workaround is unglamorous: screenshot or save the content, start a fresh plain Story, re-import it as a static image, then apply your colour from there. It's an extra step Instagram could easily remove, and the fact that it hasn't after years of the feature existing tells you background customisation isn't high on Meta's priority list, whatever the help pages imply.

Brand consistency is the other place this trips people up. If you're posting three or four Stories a day for a business account, picking a colour by eye each time means your feed looks like it was assembled by four different people. I'd rather see someone screenshot their exact brand hex code once, say a specific shade like #F7C6D9, and use the colour picker's "custom colour" entry point consistently than rely on dragging a finger across a gradient strip and hoping it matches. The gradient strip is imprecise. If brand colour matters to your business, which it should if you've spent any money at all on a logo, don't trust the drag-strip for anything client-facing.

Matching your background to the right Story size first

None of this matters much if your canvas dimensions are wrong to begin with, because a background colour applied to a cropped or stretched image looks amateur regardless of how perfect the shade is. Instagram Stories are built for a 9:16 vertical frame, and if your photo arrives in the wrong ratio, Instagram will add its own white or black bars rather than your chosen colour, which defeats the entire point. Before you touch the colour tool, check your image fits the correct Instagram Story sizes for different platforms, especially if you're repurposing a graphic designed for Facebook or LinkedIn first. It's a two-minute check that saves a re-edit later.

If you manage Stories across several platforms at once, which most small business owners end up doing whether they planned to or not, keeping a reference for every social media image size across Instagram, YouTube, Facebook, TikTok and LinkedIn stops you from building a graphic at the wrong ratio and then fighting the colour tool to compensate for crop lines that shouldn't be there.

Work with me

Want AI doing the heavy lifting in your marketing?

I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.

Using AI tools to generate the background colour for you

If you'd rather skip the in-app fiddling entirely, you can generate a background in an image tool and upload it as a base layer before you add text or stickers. This is especially useful if you want a gradient, texture, or brand-matched pattern rather than a flat colour, since Instagram's native picker only does solid blocks and basic gradients. I've put together a set of ChatGPT photo editing prompts that are built exactly for this kind of thing, including prompts for solid colour backgrounds, soft gradients, and branded textures sized for Stories. You describe the hex code and the mood you want, generate the image, then drop it straight into your Story as the base before adding your text or product shot on top.

What goes wrong after you've got the colour right

Getting the background colour sorted is only half the job. A flat pink background with a blurry product photo still looks cheap, and blur is a separate problem entirely, usually caused by uploading a photo at a lower resolution than Instagram expects or by exporting from an app that compresses too aggressively. I've written about exactly why this happens and how I fixed mine, and the same compression issues apply to Stories, not just Reels. If your background colour looks perfect but your photo looks soft around the edges, that's your next fix, not your colour settings.

For a fuller walkthrough of every method Instagram currently supports, including ones that come and go with app updates, I keep a longer running guide at every background colour method that still works, because Meta changes small interface details often enough that a single snapshot in time goes stale within months. And if background colour is the only thing tripping you up, it's worth skimming the wider guide to viewing, fixing, saving and posting Instagram Stories, since a lot of the small frustrations people have with Stories trace back to the same handful of interface quirks.

Frequently asked questions

Why won't my Instagram Story let me change the background colour?

Usually because you're in the wrong editing mode, such as a boomerang, collage, or repurposed reel, which doesn't support the colour picker, or because you've deselected the text box before swiping. Save the content, start a plain Story, and try again with a static image.

Can I use my exact brand hex code for an Instagram Story background?

Yes. Tap into the colour strip and look for the custom colour entry point rather than dragging across the gradient, since dragging is imprecise and rarely lands on an exact shade match for your brand.

Does the background colour tool work differently on iOS and Android?

The core steps are the same on both, press and hold for the colour strip, swipe for text backgrounds, but Meta updates the app on slightly different schedules for each, so a method that works on one can lag behind on the other for a few weeks after an update.

Why does my coloured background look stretched or cropped oddly?

Your source image probably wasn't sized for the 9:16 Story frame before you applied the colour. Check the dimensions first, since a mismatched ratio will force Instagram to add its own bars regardless of what colour you chose.

Further reading

Published and maintained by the Lilach Bullock team, covering marketing, AI and business growth.
Your buyers are asking AI who to use. Does it say you?

See for free whether ChatGPT, Claude, Perplexity, Gemini and Google name you, and get the plan to become the answer.

Check my AI visibility →
Sundays only

Get the Sunday newsletter.

One email a week. AI experiments, marketing tactics, and the workflows Lilach is building right now in her own business.

Subscribe free

Let’s get your marketing running on AI.

Book a free 30-minute call

We figure out what you need, where AI fits in, and what working together would look like.

Book the call →

Or take the 30-second calculator

You’ll see the hours and the money quietly leaking out of your week, and the three workflows worth building first.

Take the calculator →

Or grab the free AI resource library

Prompt packs, templates, checklists, and swipe files. The exact tools I build for paying clients. Yours, free.

Get the library →
Keep reading

More from the blog.