Table of contents
- 1. Open a Notion page
- 2. Click on the six-dot icon
- 3. Click on the “Color” option and choose a background color
- 4. Click anywhere on the page
- Full color list available in Notion
- How to add a background to a Notion page?
- 1. Click the “Colors” option under “Design” in your Super dashboard
- 2. Click the “Page Background” option under the “Main” dropdown
- 3. Select a color and hit “Save Changes”
- How to change the background color of a table in Notion?
- Can we set a background color for just one cell in a table?
- How to add a background color to Notion database?
- How to change the color of text in Notion?
- FAQs
- How do you get color dividers on notion?
- How to effectively customize Notion colors?
- Can you change the color of the Notion calendar?
- What is the default background color code in Notion?
- Why do my colors look different in Dark Mode?
- Can I set a custom page background color in Notion?
TL;DR
To change the background color in Notion:
- Open a 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.
For databases and tables:
- Color rows or columns from their menus, color individual cells with the A icon.
- For a full-width look, place the database inside a colored Toggle or Callout.
Notion can’t set a custom page background beyond Dark Mode’s black.
- Want any page background color? Use Super → Design → Colors → Page background and set a hex or use the picker.
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.
Ready for a true page background, not just block colors? Use Super to set any hex, build a consistent theme, and publish fast.
Create your website with Super for FREE
Let’s cover the steps in detail.
1. Open a 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.
Full color list available in Notion
Name | Color |
Default | Default |
Gray | Gray |
Brown | Brown |
Orange | Orange |
Yellow | Yellow |
Green | Green |
Blue | Blue |
Purple | Purple |
Pink | Pink |
Red | Red |
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 below 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.
Text Color |
Default |
Gray |
Brown |
Orange |
Yellow |
Green |
Blue |
Purple |
Pink |
Red |
Turn your Notion page into a branded site. Pick a page background color, add your palette, and go live with Super.
Start free in minutes with Super
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).
Why do my colors look different in Dark Mode?
Notion adjusts its palette in Dark Mode, which can shift contrast. Preview your page in both Light and Dark to make sure text stays readable. Choose higher-contrast pairs if anything looks muddy.
Can I set a custom page background color in Notion?
Not natively. Notion only changes the page background to black in Dark Mode. For any hex color page background, use Super → Design → Colors → Page background
Get Super’s bi-weekly Notion Newsletter
