TLDR: To change the background color on an Instagram Story, open the camera, swipe to "Create" mode (the "Aa" icon), tap the color circle and hold to access the full color picker. For a colored background behind a photo, shrink your image using a pinch gesture, then use the Draw tool to fill the frame. Full step-by-step for every scenario below.
What background color options does Instagram Story offer?
Instagram Stories give you three distinct ways to set a background color, and knowing which one you need saves time. The first is a solid color layer, created in "Create" mode when you have no photo or video. The second is a gradient background, which Instagram applies automatically to some text-only Stories and reshared posts. The third is a behind-photo fill, where you shrink a photo and pour a color into the empty space around it using the Draw tool.
Each option lives in a different place inside the Story camera. Solid colors are fastest through Create mode, gradients are largely automatic, and behind-photo fills always run through the Draw (squiggly pencil) tool. The steps below cover every case for both iPhone (iOS) and Android, which behave almost identically apart from minor menu placement.
What is an Instagram Story background color? The background color in an Instagram Story is the full-screen color layer that appears behind text, stickers, or photos. It can be solid, gradient, or applied using the Draw fill tool.
Which method is fastest for your scenario?
The fastest method depends entirely on what you are posting. Use the table below to jump straight to the right technique before reading the detailed steps.
| What you are posting | Fastest method | Time needed |
|---|---|---|
| No photo or video (text only) | Create mode (Aa) → tap color circle | 5–10 seconds |
| Photo that does not fill the frame | Pinch to shrink → Draw tool fill | 10–20 seconds |
| Reshared post or Reel | Add to Story → Draw tool fill | 10–25 seconds |
| Video Story with color tint | Highlighter brush overlay | 15–30 seconds |
| Text with colored background only | Tap text tool → tap "A" background icon | 5–10 seconds |
Make your link-in-bio match your Story colors with UniLink — free →
How do you change the background to a solid color with no photo?
A solid color background with no photo is the single most common request, and Instagram built a dedicated mode for it. You do not need to upload anything; the color becomes the entire canvas. There are two reliable methods depending on how much control you want.
Method 1: Create mode (the fastest way)
- Open Instagram and tap the + icon → Story.
- Swipe left on the bottom options until you find "Create" (the "Aa" text icon).
- Tap the color circle in the bottom-left corner to choose a color.
- Press and hold the color circle to open the full color picker with a custom shade slider.
- Add your text, stickers, or links and share.
Create mode is best when your Story is text-first, such as a quote, an announcement, or a question sticker. The limitation is that it starts as a pure color canvas, so if you later want a photo on top you must add it as a sticker. On both iPhone and Android the color circle sits in the bottom-left; a quick tap cycles preset colors, while a long press unlocks the gradient slider for precise shades.
Method 2: Draw tool full-screen fill
- Open a blank Story (take a photo of anything or upload a solid image).
- Tap the squiggly pencil (Draw) icon at the top right.
- Select a brush type — any works, but the highlighter gives semi-transparent fill.
- Tap the color circle and choose your color.
- Press and hold anywhere on the screen — this fills the entire frame instantly.
The Draw tool fill is the most flexible method because it works on top of any media. If you use the standard pen brush, the fill is fully opaque; the highlighter brush produces a translucent tint that lets the underlying photo show through. This press-and-hold fill trick is the foundation for every other colored-background technique in this guide.
How do you add a background color behind a photo on Instagram Story?
Adding a color behind a photo requires shrinking the photo so empty space appears, then filling that space. Instagram does not offer a one-tap "background" button for uploaded photos, so the pinch-and-fill workflow is the standard approach used by creators.
Pinch-to-shrink and fill method
- Upload your photo to a Story.
- Pinch with two fingers to shrink the photo to your preferred size.
- Tap the Draw icon → choose your background color → press and hold to fill.
- Your photo now floats over the colored background.
The order matters here: shrink first, then fill. If the fill lands on top of the photo, tap undo and reapply it. A common polish step is to add a subtle drop shadow feel by keeping a consistent margin around the shrunken photo. This method turns a plain screenshot or product shot into a branded, framed post in under 20 seconds.
How do you change the background color when sharing a post to Story?
When you reshare a feed post or a Reel to your Story, Instagram places it on an auto-generated gradient pulled from the post's colors. You can override that gradient with your own color using the Draw tool.
Feed post reshare
- Open the feed post, tap the paper-plane share icon, and choose "Add to Story".
- The post appears as a sticker on an automatic gradient background.
- Tap the Draw icon, pick your color, and press and hold to fill over the gradient.
- Drag and resize the post sticker to sit cleanly on your new background.
Reel reshare
- Open the Reel, tap the share icon, and select "Add to Story".
- Because the Reel plays as video, use the highlighter brush for a color tint that keeps the Reel visible.
- Tap the color circle, choose your shade, and press and hold to apply the tint.
- Reposition the Reel sticker and share.
On both iOS and Android the reshare flow is identical. US creators often reshare Reels to Stories to drive replays, and a consistent color tint makes those reshares instantly recognizable as yours.
How do you use a custom or brand color on Instagram Story?
Instagram does not support typing a hex code directly, which frustrates anyone matching a brand palette. There are two dependable workarounds. First, use the eyedropper: many creators drop a small swatch image of their exact brand color onto the canvas, then use the color picker's eyedropper (the small target icon in the color palette on newer versions) to sample that exact pixel. Second, press and hold the gradient slider and slide slowly to fine-tune a shade until it visually matches your reference.
The eyedropper method is the only way to get a truly precise brand hex on a standard Instagram build. Save a 1080x1920 image filled with your brand hex, keep it in your camera roll, and upload it whenever you need that exact color. Sampling from that swatch guarantees consistency across every Story you publish.
Keeping brand colors consistent across all your content matters beyond just Stories. If you use a specific palette in your Instagram Stories, your link-in-bio page should reflect the same identity. UniLink lets you apply your exact brand colors — including custom hex codes — to your profile page design, so visitors who tap your bio link see the same visual identity they recognize from your Stories.
What do you do when the background color option is not working?
Most background color problems trace back to one of a few causes: no media on the canvas, the wrong brush, or layer order. Use the table below to diagnose and fix the issue fast.
| Symptom | Likely cause | Fix |
|---|---|---|
| Draw icon is missing | No media added to the Story | Add a photo first, or switch to Create mode |
| Press-and-hold does not fill | Wrong brush selected or app glitch | Switch to a different brush type; restart the app |
| Fill covers your photo | Layer order — fill went on top of photo | Undo, apply fill first, then re-add photo as sticker |
| Reshared post background is locked | Instagram auto-applies a gradient | Use Draw fill over the auto background or use the eraser trick |
| Color looks different on other devices | Screen calibration / feature rollout differences | Update the app; use eyedropper from a reference image |
| Cannot change background after posting | Stories are not editable once published | Delete and re-create the Story |
Frequently Asked Questions
How do you change the background color on iPhone vs Android?
The steps are nearly identical on iPhone (iOS) and Android. Both use Create mode for solid colors and the Draw tool for fills, with the color circle in the bottom-left of Create mode and the Draw icon at the top right. The only differences are minor menu placement and animation speed, so any guide written for one platform works on the other.
How do you make a gradient background on Instagram Story?
Instagram applies gradients automatically to many text-only Stories and reshared posts. To force a gradient manually, tap the color circle in Create mode repeatedly, as some preset options are two-tone gradients. For full control, upload a gradient image you made in a design app and use it as your base canvas.
How do you use brand colors in an Instagram Story?
Use the eyedropper trick to match brand colors precisely. Save a full-screen image filled with your exact brand hex, upload it or place it on the canvas, then sample it with the color picker's eyedropper. This is the only reliable way to hit an exact hex, since Instagram does not accept typed hex codes.
How do you change the background on a Story Highlight cover?
Highlight covers pull from the Stories saved inside them or from an uploaded cover image. To set a colored Highlight cover, create a solid-color Story using Create mode, add it to the Highlight, then edit the Highlight and choose that colored Story as the cover. Alternatively, upload a pre-made colored cover image.
Why do I not have the color option in my Story?
A missing color option usually means your app is out of date or a feature is still rolling out to your account. Update Instagram from the App Store or Google Play, restart the app, and confirm you are in Create mode or have media on the canvas so the Draw tool appears.
How do you add text with a colored background only, not the full screen?
Tap the text tool, type your text, then tap the "A" background icon at the top of the screen. This wraps a colored highlight behind only the text, not the whole frame. Tap the icon again to cycle between filled, outlined, and transparent styles, and use the color bar to change the highlight color.
How do you change the background when sharing a link to Story?
Add your link sticker first, then set the background. In Create mode, choose your solid color, then tap the sticker icon and add the link sticker on top. The colored canvas sits behind the link, giving you a clean branded frame for driving taps to your bio or landing page.
How do you make a pastel background on Instagram Story?
Pastels come from the light end of the gradient slider. Press and hold the color circle to open the slider, then drag toward the top-left where colors become soft and desaturated. The highlighter brush also naturally produces a lighter, pastel-like tint because it is semi-transparent.
How do you make a black background on Instagram Story?
Select black in Create mode or use the Draw tool with black selected and press and hold to fill. Black is a preset in the standard color row, so a single tap on the color circle usually reveals it. A solid black background makes bright text and product photos pop, which is why it is popular for launches.
How do you make a white background on Instagram Story?
Choose white from the color row in Create mode, or fill with the Draw tool set to white. White is included in the default palette. For a true, clean white behind a photo, upload a plain white image as your base and place your photo on top as a sticker.
How do you save a colored Story to your camera roll?
Tap the three-dot menu or the download arrow before posting to save the Story to your camera roll. On iPhone and Android the save option appears in the top toolbar or the "..." menu. Saving first lets you reuse the same colored template across future Stories.
Can you change the background color after posting a Story?
No, Stories cannot be edited once published. To change the background of a live Story, delete it and re-create it with the new color. This is why saving your Story to the camera roll before posting is worthwhile, so you can quickly rebuild it.
Does changing the background color reduce Story quality?
Using in-app Create mode or the Draw tool does not reduce quality. Quality loss happens when you upload a heavily compressed image or screenshot as your base. For the sharpest result, start from Create mode or upload a high-resolution 1080x1920 image.