Published
March 27, 2024
Author
Beli Löw
Lecture
2 min
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.
![image](https://assets.super.so/34efc621-b17f-4b90-819a-1f6b06d68aae/images/eca42b43-702a-45be-84f9-42f193f82c80/noticons-preview-short.gif?w=701)
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…
Publish Your Notion Website in Under 5 Minutes![Publish Your Notion Website in Under 5 Minutes](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/bfc64993-36bc-4ff6-a195-fdb01b9ae6b5/Notion-Website/w=1080,quality=90,fit=scale-down)
Publish Your Notion Website in Under 5 Minutes
3 min
July 22, 2024
How to Add Description for Select and Status Property![How to Add Description for Select and Status Property](https://assets.super.so/34efc621-b17f-4b90-819a-1f6b06d68aae/images/d3721e05-2225-4ee8-831c-904821ea0482/Descriptions-Select-Status-Properties.svg)
How to Add Description for Select and Status Property
3 min
July 19, 2024
Checkin Method [including Checkin questions generator]![Checkin Method [including Checkin questions generator]](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/1251732f-c500-48a7-b5ba-e34407748a9e/Untitled/w=1080,quality=90,fit=scale-down)
Checkin Method [including Checkin questions generator]
4 min
March 26, 2024
Best free Notion templates for individuals in 2024![Best free Notion templates for individuals in 2024](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8203382c-d31f-423a-8c8b-9371937a4069/Best-Notion-Templates-for-Individuals/w=1080,quality=90,fit=scale-down)
Best free Notion templates for individuals in 2024
4 min
January 9, 2024
Second Brain - Organize your digital life with Notion![Second Brain - Organize your digital life with Notion](https://assets.super.so/34efc621-b17f-4b90-819a-1f6b06d68aae/images/a9c2892f-5bce-4793-9174-8cc61cc7f3cc/second_brain.svg)
Second Brain - Organize your digital life with Notion
8 min
October 30, 2023
A guide to create Notion formulas based on Select fields![A guide to](https://assets.super.so/34efc621-b17f-4b90-819a-1f6b06d68aae/images/afe3e8dc-bb2e-43d6-aa0a-748188e63e68/preview-Notion-formula-selectfields-en.svg)
A guide to create Notion formulas based on Select fields
8 min
April 20, 2023
6-minutes journal - Why you should write one (with free template)![6-minutes journal - Why you should write one (with free template)](https://assets.super.so/34efc621-b17f-4b90-819a-1f6b06d68aae/images/ed642220-4914-4f8b-b5a2-3afedf60d9d0/Template-Journal-Preview.svg)
6-minutes journal - Why you should write one (with free template)
8 min
February 1, 2023
The New Recurring Task Feature in Notion - How to Set it up![The New Recurring Task Feature in Notion - How to Set it up](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/48d47edc-4fc9-4cd4-ba70-4e50c6925afd/Preview-Recurring-Tasks/w=1080,quality=90,fit=scale-down)
The New Recurring Task Feature in Notion - How to Set it up
4 min
November 25, 2022
Custom Icons for Database Views and Properties![Custom Icons for Database Views and Properties](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b63776c4-a45c-43df-b446-85f3a8f9d730/Preview-icons-views-properties/w=1080,quality=90,fit=scale-down)
Custom Icons for Database Views and Properties
2 min
November 18, 2022
Notion Web Clipper: What is it and How to use it![Notion Web Clipper: What is it and How to use it](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/9064f395-dd3b-446c-bbf0-8a86bb9c01f5/Notion_web_clipper_blog_imagr_(1)/w=1080,quality=90,fit=scale-down)
Notion Web Clipper: What is it and How to use it
6 min
October 25, 2022