Notion

Notion's brand palette — radically near-monochrome. The institutional voice is black-on-white (or white-on-black in dark mode); the brand reads as restrained, typographic, and surface-driven. Where competing productivity brands lead with color, Notion leads with whitespace and type. This atom captures only the verified mark and surface tones; in the product, additional accent colors exist for callouts and tags but those are not published as brand-level hex values and are not catalogued here to avoid fabrication.

7 swatches 14 light roles 14 dark roles saasproductivitynotionmonochromeminimal

Swatches

notion-black
#000000
Signature mark and wordmark color on light surfaces. Verified brand mark hex.
notion-white
#FFFFFF
Canvas on light mode; wordmark fill on dark mode.
notion-canvas-dark
#191919
Authored dark-mode canvas (near-black). Notion's product dark theme is uniformly described as a near-black canvas; this value is an authored inversion, not a published brand hex.
notion-surface-dark
#2F2F2F
Authored elevated surface for dark mode.
notion-text-secondary-light
#787878
Authored secondary text — neutral mid-gray on light canvas.
notion-text-tertiary-light
#A0A0A0
Authored tertiary / muted text on light.
notion-text-secondary-dark
#A0A0A0
Authored secondary text on dark canvas.

Mode role mappings

Light mode (14 roles)

accent → notion-black
accent-hover → notion-text-secondary-light
background → notion-white
error → notion-black
primary → notion-black
primary-hover → notion-text-secondary-light
success → notion-black
surface → notion-white
surface-elevated → notion-white
text-primary → notion-black
text-secondary → notion-text-secondary-light
text-tertiary → notion-text-tertiary-light
warning → notion-black
warning-hover → notion-text-secondary-light

Dark mode (14 roles)

accent → notion-white
accent-hover → notion-text-secondary-dark
background → notion-canvas-dark
error → notion-white
primary → notion-white
primary-hover → notion-text-secondary-dark
success → notion-white
surface → notion-surface-dark
surface-elevated → notion-surface-dark
text-primary → notion-white
text-secondary → notion-text-secondary-dark
text-tertiary → notion-text-tertiary-light
warning → notion-white
warning-hover → notion-text-secondary-dark

Provenance

Source
https://www.notion.com
License
Proprietary — All Rights Reserved
Attribution
Notion and the Notion mark are trademarks of Notion Labs, Inc. The signature mark uses pure black (#000000) — verified via the simple-icons brand database, which cites notion.so as the source. The near-monochrome identity is uniformly documented across notion.com.
Imported
2026-05-17
Notes
Only the mark color (#000000) is independently verified from Notion's public brand surfaces. The remaining swatches here are a minimal authored neutral inversion (pure white canvas, near-black canvas for dark mode) that respect Notion's documented monochrome identity. brand-atoms deliberately omits Notion's in-product accent palette (callout / tag colors) — those hex values are not published as brand assets and including them without a citable source would be fabrication.