Notion Brand Color
The official Notion brand color is #000000. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Notion Color Values
HEX
#000000
RGB
0, 0, 0
HSL
0, 0%, 0%
Notion Tints & Shades
A range of lighter tints and darker shades derived from the Notion base color.
Tint 50%
#F2F2F2
Tint 40%
#C2C2C2
Tint 30%
#919191
Tint 20%
#616161
Tint 10%
#303030
Base
#000000
Shade 10%
#0D0D0D
Shade 20%
#0D0D0D
Shade 30%
#0D0D0D
Shade 40%
#0D0D0D
Shade 50%
#0D0D0D
Contrast & Accessibility
Contrast ratio: 21.00:1
Contrast ratio: 1.00:1
Frequently Asked Questions
What is the official Notion color?▾
The official Notion brand color is #000000. In RGB this is rgb(0, 0, 0), and in HSL it is hsl(0, 0%, 0%).
What is the Notion hex code?▾
The Notion hex color code is #000000. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Notion color accessible?▾
Against white, the Notion color has a contrast ratio of 21.00:1 (passes WCAG AA). Against black, it has 1.00:1 (fails WCAG AA). White text on this color is accessible.