Software & SaaS
Notion Color Codes
Notion's color is black #000000. The Notion color codes in Hex, RGB and CMYK can be found below. Six people founded Notion Labs in San Francisco in 2013, among them Ivan Zhao and Simon Last, and the money nearly ran out before Notion 1.0 shipped in August 2016. The product is a blank page, and the identity is built to match.
Primary colors
What are Notion Primary Colors?
Notion's primary color is black #000000. Every value on this page is derived from it.
Notion publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Notion Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Notion Hex Color Codes
Notion hex color codes are #000000 for black.
| Color | Hex |
|---|---|
| Black | #000000 |
Notion RGB Color Codes
Notion RGB color codes are 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(0, 0, 0) |
Notion HSL Color Codes
Notion HSL color codes are 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(0, 0%, 0%) |
Notion CMYK Color Code
Notion CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 0%, 0%, 0%, 100% |
Notion Pantone Color Codes
Notion Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 419 C |
Logo
Notion Logo Colors
Notion logo colors are black on white, and nothing else.
Notion Logo Colors Palette
What the Notion Logo Colors Mean?
The Notion logo colors are an argument about the product. The mark is an N cut from a page, drawn with the same weight as a text character, and there is no brand color anywhere in it. That fits a tool whose whole promise is that you bring your own structure to an empty document. Color inside Notion belongs to the user's pages, not to the company, and the mark stays out of the way. Pure black also inverts exactly for dark mode, which a near-black would not.
Notion Logo JPG
Notion logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Notion Logo PNG
Notion logo in PNG, with a transparent background. Use it over a colored surface.
Notion Logo WebP
Notion logo in WebP. Same transparency as the PNG at about a third of the file size.
Notion Color Code Shades
Notion color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Notion paint or trim names.
In code
Using the Notion palette
CSS custom properties
:root {
--notion-black: #000000;
}Contrast against white
| Black | 21.00:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.