ProductivityFounded 2016
Notion Brand Colors
Notion's minimal black-and-white palette puts content first, letting the user's work take center stage.
notion.so ↗Brand Palette
#191919
#FFFFFF
#9B9B9B
Primary
Background
Secondary
Color Values
Notion Black
Primary
- HEX
- #191919
- RGB
- rgb(25, 25, 25)
- HSL
- hsl(0, 0%, 10%)
Notion White
Background
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Notion Gray
Secondary
- HEX
- #9B9B9B
- RGB
- rgb(155, 155, 155)
- HSL
- hsl(0, 0%, 61%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
Notion Black | 17.58:1AAA | 1.19:1Fail |
Notion White | 1:1Fail | 21:1AAA |
Notion Gray | 2.78:1Fail | 7.56:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--notion-notion-black: #191919;
--notion-notion-white: #FFFFFF;
--notion-notion-gray: #9B9B9B;
}
/* Usage example */
.btn-primary {
background-color: var(--notion-notion-black);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to Notion's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
Notion uses a dark palette anchored by Notion Black (#191919). Productivity tools balance calm, focused neutrals with one energetic accent — keeping distraction low while maintaining visual identity.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Monochromatic palette maximizes versatility and brand consistency
- Warm-toned palette triggers emotional engagement and energy
- Primary color meets WCAG AA — usable for text and UI components
Explore Individual Colors
Tags
productivityminimalmonochromenotes
More Productivity Brand Colors
Frequently Asked Questions
What are Notion's official brand colors?
Notion's official brand colors are: Notion Black (#191919), Notion White (#FFFFFF), Notion Gray (#9B9B9B).
What is Notion's primary color hex code?
Notion's primary brand color is Notion Black with hex code #191919.
What are the RGB values for Notion's primary color?
Notion Black (#191919) has RGB values of rgb(25, 25, 25).
What is the HSL value of Notion's primary color?
Notion Black has an HSL value of hsl(0, 0%, 10%).
Is Notion's primary color WCAG accessible?
Notion Black (#191919) has a contrast ratio of 17.58:1 on white, which passes WCAG AAA.
What industry is Notion in?
Notion operates in the Productivity industry, founded in 2016.