# How to Change Background Color in Framer

> To update your canvas backdrop in Framer, select the target canvas, locate the Fill toggle in the right sidebar, and click the color swatch to apply a new color, gradient, or hex value.

Canonical: https://livedemo.ai/tutorials/how-to-change-background-color-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a30aed673bd5aa8e636ae/preview?step=1

## Steps

1. Select the canvas whose background you want to change.
2. Go to the right sidebar, find the 'Fill' toggle.
3. Click the color swatch and choose a color, gradient, or set a hex value.
4. You've successfully changed the background in Framer.