# How to Change the Background Color of Figma Pages

> To change your page background color in Figma, click the canvas to deselect layers, open the Color Picker icon under the Design tab in the right-side panel, and select your preferred color to apply the change instantly.

Canonical: https://livedemo.ai/tutorials/how-to-change-the-background-color-of-figma-pages/
Apps: Figma
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3239ab56e05a00fd5d5d/preview?step=1

## Steps

1. To get started, simply click anywhere around your design canvas to make sure that no layers are currently selected.
2. Go to the right-side panel afterwards, then click the 'Color Picker' icon under the Design tab.
3. Select your preferred color.
4. After completing these steps, the background color of your Figma page will be changed instantly based on your input.