Beli Löw
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.
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.
Join us Today: and become a Notion know-all
Wouldn’t you like to know more?
Keep Reading…
![Checkin Method [including Checkin questions generator]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f8f8127a-80bf-4121-bc79-b94d1f215e41/Untitled/w=1080,quality=90,fit=scale-down)
/w=1080,quality=90,fit=scale-down)
