We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
ColorArchive/Brands/Notion

SaaS & Productivity

Notion Color Palette

A grayscale workspace where content provides the color.

Notion's brand intentionally recedes into pure black-on-white so the user's documents, databases, and embedded media take center stage. The N mark is unornamented; accent colors only appear inside content blocks. The palette below names the small set of hues used inside the app's color picker.

The palette

  • Notion Black

    Primary
    Closest in ArchiveCrimson Ink Clear
    Closest in Archive: Crimson Ink Clear

  • Notion White

    Neutral
    Closest in ArchiveAqua Veil Clear
    Closest in Archive: Aqua Veil Clear

  • Notion Gray

    Neutral

    Body text and secondary UI.

    Closest in ArchiveTrue Gray Core
    Closest in Archive: True Gray Core

  • Default Brown

    Accent

    From the in-app color picker.

    Closest in ArchiveEmber Core Soft
    Closest in Archive: Ember Core Soft

Copy as CSS

:root {
  --notion-black: #000000;
  --notion-white: #ffffff;
  --notion-gray: #787774;
  --default-brown: #9f6b53;
}

Source: https://www.notion.so/help/color-coded · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Notion name and any associated marks belong to their owner. Use support to request removal.

More from SaaS & Productivity

Linear

Indigo on near-black — the color of focused, modern engineering tools.

Slack

An eight-color logo, distilled from a hashtag.