Notion Colors

Notion Colors

Published
March 27, 2024
Author

Beli Löw

Lecture
2 min

← All Articles

image

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

image

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

image

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

image
icon
image

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.

image

Join us Today: and become a Notion know-all

Wouldn’t you like to know more?

Keep Reading…