Notion brand colors
Technology · 3 colors · Updated September 2026
Color codes
Black
White
Lucky Grey
About the Notion palette
Notion's brand leans into a minimalist grayscale system: near-black (#000000) and white (#ffffff) frame its blocky logomark, with a neutral gray (#787774) used across its editor UI. The restrained palette reflects Notion's philosophy that user content, not chrome, should carry the color.
Brand names, logos and colors belong to their owners. PickXColor is not affiliated with Notion.
- Category
- Productivity Software
Color data from brandcolor.dev
Similar palettes
More from Technology
Frequently asked questions
What are the Notion brand colors?
Notion uses 3 brand colors: Black (#000000), White (#FFFFFF) and Lucky Grey (#787774).
What is the main Notion color?
The lead color of the Notion palette is Black: HEX #000000, RGB 0, 0, 0.
How do I use the Notion colors in CSS or Tailwind?
Choose Export to copy the palette as CSS custom properties, a Tailwind theme with shades, SCSS, Swift, Jetpack Compose or JSON design tokens. Open in editor adds every color to the PickXColor board, where you can check contrast and build shades.
Where do these color codes come from?
The codes were collected by brandcolor.dev from Notion's public brand material. For print or legal use, check them against Notion's own guidelines.