Making Notion pages look aesthetic is important when you look at them all day, everyday. Notion blocks and dark mode allow some customization but it’s quite limited.
While you can change the background color of a page to black with the Notion dark mode, you can’t change it to another color, until you create a Notion website with Super.
To change the background color in Notion:
- Open the Notion page, hover over the block that needs a color update.
- Click the six-dots icon that appears on hovering.
- Expand the “Color” option and click the preferred background color.
A quicker method is typing “/color” and selecting the color combination that Notion displays.
An even faster method is typing “/” followed by the color. For example, by typing “/Yellow”, you will see two options — to set the color of the text and to set a color combination of text and background. Click the second option to change the background color to yellow.
Let’s cover the steps in detail.
1. Open the Notion page
Below is the sample page that we will use for demonstration. Create a new Notion page or open and existing one that contains the block requiring a background change.
2. Click on the six-dot icon
Let’s change the color of the text block that reads “Focus Area”. By hovering over the block, you will see a six-dot icon next to the block, as displayed in the below image.
Click on it to open the options menu.
3. Click on the “Color” option and choose a background color
The color option will contain all the color options that Notion offers at the block level, as displayed in the below image.
Let’s select the “Orange” background for our example.
4. Click anywhere on the page
After completing these steps, the background color changes as demonstrated in the below screenshot.
How to add a background to a Notion page?
The only background you can add to a Notion page is the color black. You can do so by changing the theme of Notion from light to dark. However, you can’t change the background color of the page to any other hue unless you publish your Notion pages with Super.
Here’s how you can set up the background for your Notion pages in Super:
1. Click the “Colors” option under “Design” in your Super dashboard
2. Click the “Page Background” option under the “Main” dropdown
Toggle between Light and Dark mode to customize colors in those modes. Super enables you to customize the page background for both setups. In our example, we will stick with the Light mode.
3. Select a color and hit “Save Changes”
We have set the page background to a light shade of yellow, as demonstrated in the below image. You can pick any background color by entering the hex code or by clicking and dragging along the color selection section.
How to change the background color of a table in Notion?
While you can’t change the color of the whole table in one go, you can change the background color one row or one column at a time.
Here’s an example. We created a sample table as displayed in the below image. By clicking on the six-dot icon next to any row or column of the table, you will see the “color” option.
You can change the background color of the row or the column by selecting the right option from the menu.
Can we set a background color for just one cell in a table?
Yes, you can change the background color of the text in any cell of a Notion table by first highlighting the cell and then selecting a color by clicking on the “A” icon, indicated in the bleow image.
How to add a background color to Notion database?
Adding color to a Notion database isn't a built-in feature but there is a work-around — first, move your Notion database into a toggle block and then change the background color of the toggle block. The same background color will appear for the selected database as well.
How to change the color of text in Notion?
To change the color of text or even the background color of text in Notion, first highlight the text and click on the “A” icon that appears. Then, select the color.
FAQs
How do you get color dividers on notion?
You can change the color of Notion vertical dividers and horizontal dividers by treating them just like any other block — first click on the six-dot icon that appears when you hover over the the divider block, next, click on the “color” option, and finally click on the preferred color of the line.
How to effectively customize Notion colors?
While you can choose from a preset palette of colors for Notion font and any block’s background, the options are quite limited. You need to publish your pages with Super to customize your Notion website’s color and design to brand. With Super, you get a much wider palette of colors which make your pages look aesthetic.
Can you change the color of the Notion calendar?
You can change the color of the Notion calendar by first moving it into a toggle block. Next, change the color of the toggle block by clicking on the six-dot icon that appears on hovering over the block and clicking on the “Color” option before selecting the background color for the calendar.
What is the default background color code in Notion?
The default background color in Notion is white (Hex Code: FFFFFF).
