How to Change the Background Color in Illustrator

Adobe Illustrator handles backgrounds differently than most design tools — and that trips up a lot of people. Whether you're designing a logo, a social graphic, or a print layout, understanding what you're actually changing (and why) saves a lot of frustration.

What "Background" Actually Means in Illustrator

Illustrator is a vector-based application built around the concept of an artboard — not a canvas with a built-in background color. By default, the artboard appears white, but that white isn't actually a color you've set. It's just the absence of any object behind your work.

This matters because when you export your file, that "white" may become transparent depending on the format you choose. A PNG export with transparency enabled won't carry the white through — it'll export with no background at all.

So when someone asks how to change the background color in Illustrator, there are really two distinct things they might mean:

• Changing the artboard display color — adjusting how the artboard looks while you work
• Adding an actual background color object — placing a colored rectangle that exports as part of the design

Both are valid approaches. They just serve very different purposes.

Method 1: Add a Colored Rectangle as Your Background 🎨

This is the most reliable and widely used method. You're creating a real object that becomes part of your design.

Steps:

1. Select the Rectangle Tool (M) from the toolbar
2. Click and drag to draw a rectangle that covers your entire artboard — or click once and enter the exact artboard dimensions manually
3. Open the Fill color in the Properties panel or toolbar and set it to your desired color
4. Open the Layers panel and drag this rectangle to the bottom of your layer stack
5. Optional: Lock the layer so you don't accidentally move it while working

This method gives you a background that exports with your design, appears in every file format, and behaves like any other Illustrator object — meaning you can apply gradients, patterns, swatches, or even transparency effects to it.

Method 2: Change the Artboard Appearance Color

If you just want to change how the artboard looks on screen — without adding anything to your actual design — Illustrator lets you adjust the document setup.

Steps:

1. Go to File → Document Setup (or press Alt/Option + Ctrl/Cmd + P)
2. In the Document Setup dialog, look for Simulate Colored Paper
3. Check that option and select a color using the color swatch next to it

This changes the visual appearance of the artboard in your workspace. It's useful for simulating how your design will look on tinted paper or packaging, but it does not export as part of your file. Think of it as a visual reference tool, not a design element.

Method 3: Change the Canvas (Pasteboard) Color

The gray area surrounding your artboard — called the pasteboard — can also be adjusted for visual comfort.

Go to Edit → Preferences → User Interface (Windows) or Illustrator → Preferences → User Interface (Mac). From there, you can adjust the Brightness of the UI, which affects the pasteboard color. This is purely a workspace preference and has no effect on your exported artwork.

Key Differences at a Glance

Factors That Affect Which Method You Should Use

Your export format matters significantly. If you're exporting as a JPEG, you'll always get a white or solid background regardless — JPEGs don't support transparency. If you're exporting as PNG or SVG, transparency is possible, so the rectangle method ensures your background color actually travels with the file.

Your Illustrator version can affect where certain options appear. Adobe periodically reorganizes the Properties panel and Document Setup dialog across major releases. The core functionality remains consistent, but menu locations can shift slightly between Creative Cloud updates.

How your layers are organized determines whether the background rectangle actually sits behind everything. If your layer structure is complex — with multiple sublayers and grouped objects — you'll need to verify the rectangle is truly at the bottom of the stacking order, not just visually beneath other elements.

Your intended output also plays a role. A design destined for screen use (web, app UI, social media) behaves differently from one going to print. Print workflows often involve bleed settings and color profiles (CMYK vs. RGB) that interact with how background fills are handled.

Working With Transparency and Background Color Together

One common scenario: you want a background for editing purposes but need a transparent export for a logo or icon. The rectangle method with a named layer makes this easy — lock the background layer, do your work, then toggle its visibility off before exporting. You get the visual aid while designing and the clean transparent output when it counts.

Illustrator's Export As and Export for Screens dialogs both give you control over background transparency at the point of export, independently of what you've placed on the artboard. 🖥️

The Variable That Changes Everything

The right approach comes down to what your file is ultimately for. A background rectangle is the correct choice for finished artwork. The colored paper simulation is a proofing tool. And pasteboard brightness is just a comfort setting.

Where it gets personal is when you factor in your specific workflow — whether you're handing files off to a printer, publishing to the web, working with brand color systems, or collaborating with other designers who'll open the same file. The technical steps are straightforward; it's your own use case that determines which combination of these methods actually fits. 🎯