Notion Inspired Color Palette
Clean white, warm ivory, and subtle gray with black text define Notion's productivity-focused minimalism. This stripped-back palette excels in note-taking apps, documentation tools, and knowledge management platforms.
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
#FAFAFA
White
RGB(250, 250, 250)
HSL(0, 0%, 98%)
#F7F6F3
Dusty Orange
RGB(247, 246, 243)
HSL(45, 20%, 96%)
#E3E2DF
White
RGB(227, 226, 223)
HSL(45, 7%, 88%)
#787774
Gray
RGB(120, 119, 116)
HSL(45, 2%, 46%)
#37352F
Charcoal
RGB(55, 53, 47)
HSL(45, 8%, 20%)
lightbulbBest Use Cases
- checkNote-taking apps
- checkDocumentation tools
- checkKnowledge management
businessIndustries
- checkTechnology
- checkProductivity
Mood:focused
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #FFFFFF;
--color-2: #FAFAFA;
--color-3: #F7F6F3;
--color-4: #E3E2DF;
--color-5: #787774;
--color-6: #37352F;
}Tailwind CSS Config
colors: {
'notion-inspired-1': '#FFFFFF',
'notion-inspired-2': '#FAFAFA',
'notion-inspired-3': '#F7F6F3',
'notion-inspired-4': '#E3E2DF',
'notion-inspired-5': '#787774',
'notion-inspired-6': '#37352F',
}notionminimalcleanproductivityneutral
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free