Back to Blog

How to Change the Background Color on Instagram Stories (Full Guide)

How to Change the Background Color on Instagram Stories (Full Guide)

Background color is one of the easiest things to get right on Instagram stories once you know the options — and one of the most overlooked. A solid, well-chosen color makes text more readable, keeps your content on-brand, and gives stories a polished look that stands out in a crowded story tray. Here’s everything that works in 2026.

Method 1: Solid Color Using the Draw Tool Hack

Instagram story canvas being filled with a solid violet-blue color using the draw/marker tool

This is the most widely used trick, and it’s entirely native to Instagram — no third-party apps required. The result is a clean, full-coverage solid color background that you can apply in about ten seconds.

Here’s how it works:

  1. Open Instagram and start a new story. Tap your profile picture or swipe right from the feed.
  2. Take a photo or choose any image from your gallery. The specific image doesn’t matter — you’re about to cover it completely.
  3. Tap the pen/draw icon (the squiggly line) in the top-right toolbar.
  4. Select the pen tool (not the highlighter or neon) and choose your color from the palette at the bottom. If you want a custom color, press and hold any color in the palette to open a full color picker with a sliding gradient selector.
  5. Press and hold anywhere on the screen without lifting your finger. After a moment, the color floods the entire canvas, covering whatever was underneath with a uniform solid color.
  6. Tap the draw tool again to exit, then add your text, stickers, or other elements on top.

That’s it. The long-press is the key step most people don’t know — tapping normally just draws a line, but holding fills the whole canvas.

Method 2: Match Any Color Using the Eyedropper

The draw tool’s built-in color picker is useful, but it’s limited to the colors Instagram shows you by default unless you manually dial in a custom shade. The eyedropper tool gives you an alternative: you can sample an exact color from any photo.

This is particularly useful if you want to match a specific color from your brand’s visual identity, a logo, or another piece of content.

  1. Upload a photo that contains the color you want to use as a background. This could be a product photo, your brand color swatch, a screenshot of your website, or anything with the right hue.
  2. Enter the draw tool as in Method 1.
  3. Tap the color dot at the bottom-left of the color palette to open the full color picker.
  4. Tap the eyedropper icon (a dropper/pipette symbol) that appears in the color picker.
  5. Drag the eyedropper over the part of your photo that has the color you want. The circle at the top of the dropper shows a live preview of the sampled color.
  6. Lift your finger when the preview shows the right color. That color is now selected.
  7. Press and hold the canvas to flood-fill the background as in Method 1.

After the fill, you can delete the original photo or layer content on top — the color is now your background. This method gives you pixel-perfect color matching without ever needing to know a hex code.

Method 3: Gradient Background Using Create Mode

Phone showing a story with a violet-to-pink gradient background alongside a floating gradient palette

Instagram’s Create Mode skips the camera and drops you into a text-and-sticker canvas with built-in gradient backgrounds.

  1. Swipe right to open the story camera.
  2. Swipe left through the modes until you reach Create — a white “Aa” icon.
  3. A default gradient is applied automatically. Tap the background to cycle through preset color combinations covering neutral, warm, cool, and vivid palettes.
  4. Add text, stickers, or links on top.

You can’t specify exact colors — you’re choosing from Instagram’s presets — but it’s the fastest route to a polished gradient without any external tools. If no preset matches, combine this with Method 2: cycle to the closest gradient, then layer a semi-transparent draw-tool fill over it to nudge the color further.

Method 4: Custom Background Using an External Design App

For the most precise control, design your story background in Canva, Adobe Express, Photoshop, or Figma — then upload it to Instagram.

The workflow:

  1. Set your canvas to 1080 × 1920 px (9:16 aspect ratio).
  2. Design your background with whatever color, gradient, or texture you want, then export as a PNG or JPG.
  3. Upload the file to Instagram Stories via the gallery icon in the story camera.
  4. Add Instagram-native elements (polls, links, music stickers) on top of your uploaded background.

This gives you exact color values, custom fonts, and brand-accurate layouts. The trade-off is that it requires an extra step outside the app — best for planned, recurring content rather than spontaneous stories. Canva’s free tier includes Instagram Story templates sized and ready to go.

Pro Tips for Aesthetic Stories

Contrast is non-negotiable. Light text on a light background — or dark text on a dark background — makes content hard to read. Use white text on dark fills and dark text on light fills. Instagram’s text tool lets you preview colors quickly.

Limit your palette. Two or three colors per story is usually the maximum before things look chaotic. A background, a text color, and an optional accent for stickers is enough.

Use the eyedropper for brand accuracy. If your brand has specific colors, bring a screenshot of your brand palette into the eyedropper workflow (Method 2) to get exact matches — eyeballing it leads to gradual drift across your stories.

Canva’s free tier is enough. You don’t need a paid subscription to access Instagram Story templates and color-accurate tools for Method 4.

FAQ

Can I use a completely custom hex color as my background?

Instagram doesn’t have a hex input field, but you can approximate any color using the sliding gradient in the draw tool’s color picker. For exact hex matches, use the eyedropper method (Method 2) with a reference image of your brand palette.

Why does my flood-fill look slightly different from the color I selected?

Instagram applies subtle compression when uploading stories, which shifts very bright or saturated colors slightly. It’s a platform quirk, not a mistake in your process. The shift is minor for most colors but noticeable in neon shades.

Can I add a semi-transparent overlay instead of a solid fill?

Yes. Switch from the pen to the highlighter in the draw tool, then press and hold to fill. The highlighter applies a semi-transparent wash, letting the original image show through with a tinted overlay — useful for moodier, branded looks without completely hiding the background photo.

Does the flood-fill trick work for Reels covers?

No — the draw tool fill is specific to Stories. For Reels covers, design a solid-color image in Canva and upload it during the Reels cover selection step.

My colors look fine in the editor but washed out once posted — why?

Instagram compresses uploads, which can flatten saturation and introduce banding in gradients. PNG exports from external apps (Method 4) compress better than gradients drawn natively in the app, so they tend to survive the upload more faithfully.


Getting your background color right doesn’t take long once you know the methods. The draw-tool flood fill is perfect for quick, solid-color stories. The eyedropper makes brand color matching practical. Create Mode gives you gradient options without leaving the app. And designing outside Instagram gives you total control when the stakes are higher. Combine these techniques with consistent visual habits and your stories will look noticeably more polished than most of what appears in your followers’ story trays.

For more on what makes an Instagram story strategy work — from viewing competitor content to downloading story assets — the IncoStory features overview and the IncoStory Online Viewer are worth exploring. And if you’re curious about how your own stories look to anonymous viewers, see our guide on viewing Instagram highlights anonymously.

Read More

How to View & Download Instagram Highlights Anonymously

How to View & Download Instagram Highlights Anonymously

View and download Instagram Highlights anonymously — without logging in, without the owner knowing. Works on web and in the app.

Read More
IncoStory Features Explained: Every Tool You Get

IncoStory Features Explained: Every Tool You Get

A complete walkthrough of what IncoStory does — anonymous viewing, bulk downloads, highlights, private gallery, web viewer. Everything in one place.

Read More
4 Ways to View Instagram Stories Anonymously

4 Ways to View Instagram Stories Anonymously

Learn how to view Instagram stories anonymously — free, online, no login required. Compare the best methods including an instant web viewer, Airplane Mode, dedicated apps, and burner accounts.

Read More