Notion Colors

Published

March 27, 2024

Welcome to our comprehensive guide on Notion color codes. In this article, you will find a detailed list of color codes used in Notion. Whether you prefer the light mode or the dark mode, we've got you covered!

Notion Color Codes

Color codes to copy 👇🏾

Name	Background	Text
Default	`#FFFFFF`	`#373530`
Gray	`#F1F1EF`	`#787774`
Brown	`#F3EEEE`	`#976D57`
Orange	`#F8ECDF`	`#CC782F`
Yellow	`#FAF3DD`	`#C29343`
Green	`#EEF3ED`	`#548164`
Blue	`#E9F3F7`	`#487CA5`
Purple	`#F6F3F8`	`#8A67AB`
Pink	`#F9F2F5`	`#B35488`
Red	`#FAECEC`	`#C4554D`

Notion Colors - Dark mode

Color codes for darkmode to copy 👇🏾

Name	Text-Darkmode	Background-Darkmode
Default	`D4D4D4`	`#191919`
Gray	`#9B9B9B`	`#252525`
Brown	`#A27763`	`#2E2724`
Orange	`#CB7B37`	`#36291F`
Yellow	`#C19138`	`#372E20`
Green	`#4F9768`	`#242B26`
Blue	`447ACB`	`#1F282D`
Purple	`#865DBB`	`#2A2430`
Pink	`#BA4A78`	`#2E2328`
Red	`#BE524B`	`#332523`

→ Color Code for Background of Notion in Darkmode: #191919

More Colors with Noticons

You wanna customize your Notion set-up and use your own colors? This is why we have built the tool Noticons, to generate Icons, Gallery View Cards and Cover Images in your brand colors.

Show me the tool

Beli Löw

Beli is an IT project manager, tool enthusiast, entrepreneur and has organized his whole life with Notion. His news sources are release notes from tools. There is (almost) no feature or shortcut that he does not know.