Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Tour the interface
  • Explore

Change the background color of the canvas

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Who can use this feature

Available on all plans

Requires can edit access to a file

The canvas in Figma is the backdrop on which all of your frames, groups, and other layers live.

The default background color of the canvas is determined by your current theme—light or dark—when you create a file.

  • In light mode, the background defaults to light-gray: #F5F5F5
  • In dark mode, the background defaults to an off-black color: #1E1E1E

When you create a new page in your file, the new page inherits its background color from the current page’s background color.

Note: Changing the background color of the canvas sets the color for everyone who has access to the file.

background-color-fill.png

To change the background color:

  1. Deselect any layers on the canvas.
  2. From the Page section of the properties panel on the right side of the screen, click the color fill to select a new color. You can also enter a specific hex value if you prefer.
  3. If needed, set the opacity on the background by clicking 100% and entering a new value.

Tip: You can toggle the visibility of the background color by clicking the Hide icon.

Note: The canvas background color cannot be changed while in Dev Mode.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Use AI tools in Figma Design
  • View layers and pages in the left sidebar
  • Design, prototype, and explore layer properties in the right sidebar
  • Access design tools from the toolbar
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand