Making Notion pages look aesthetic is important, especially when your day revolves around navigating numerous Notion pages. While Notion blocks and dark mode allow you to structure your page professionally, you do not get a lot of design customization capabilities with Notion.
While you can change the background color of a page to black with the Notion dark mode, you can’t change it to your preferred hue, until you create a Notion website with Super. However, Changing the background color of Notion blocks is a straightforward process. However, the Notion database block requires a workaround — we will also cover that bit in this article.
To change the background color of a Notion block, simply click on the six-dots icon that appears when you hover-over it, move the cursor to the “Color” option, and finally select a background color.
Another quicker method is to type “/color” and select the color combination that Notion displays.
An even faster method is typing the color name after a “/”. 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.
Let’s cover the steps in detail.
1. Open the Notion page
In our example, we will use a sample Agency dashboard page as displayed in the below image.
2. Click on the six-dot button
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 initiate a view with a set of options.
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, observe the changed background color of the block. See the below image for reference.
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 color row by row or column by column. Let’s elaborate on that with 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 to your choice this way.
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. You can check the below image for reference.
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 of choice.
FAQs
Can you 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, if you are not using Super to publish your Notion pages.
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 set 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).
