What is Notion's primary brand color?

Notion's primary brand color is #F64932, a shade of tomato. This was read from the site's own CSS on 2026-08-03.

What font does Notion use?

Notion uses NotionInter as its primary typeface, with iA Writer Mono for monospaced text, based on the font families declared in its stylesheets.

How were these Notion colors found?

One MiroMiro API call against https://www.notion.com. The extractor reads the site's declared CSS custom properties, theme-color meta tag and actual color usage, so the hex values are exact rather than sampled from a screenshot.

MiroMiroAPI

SaaS

Notion brand colors

Notion's primary brand color is #F64932 (Tomato), and its primary typeface is NotionInter. Read from Notion's live CSS on 2026-08-03 - real values, not sampled from a screenshot.

NotionInter

12 colors found · most-used first · click any to copy

Extract any site like this

300 free credits every month. No credit card.

01 / Color

Role colors

The colors Notion assigns to a job, resolved from its own CSS variables and theme declarations - not just the most frequent values.

:root

  --primary: #f64932;  --accent: #ffb110;  --background: #ffffff;  --text: #000000;

Full palette

02 / Type

Notion font

The families declared across Notion's stylesheets, with the sizes and weights they ship.

Primary

NotionInter

Aa Bb Cc

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

Monospace

iA Writer Mono

Size scale

016px12px18px

Weights

400600700500100 900

All families

NotionInterLyon TextiA Writer MonoSFMono-Regular

03 / Form

Spacing and shape

The rhythm underneath the design - the part a screenshot can never give you.

Spacing scale

8px

4px

16px

20px

12px

10px

24px

5px

40px

30px

2px

6px

15px

Corner radii

50%

12px

100%

3vw

04 / Scan

What one call measured

The page above shows the highlights. The response carried all of it.

Unique colors: 183
Font sizes: 40
Spacing values: 65
Border radii: 47
Shadows: 19
CSS rules: 5,016

This page was one request

Swap the URL for any site and the same structure comes back as JSON, CSS variables, a Tailwind theme, or a W3C tokens file.

brand.sh

curl "https://miromiro.app/api/v1/brand?url=https://www.notion.com" \
  -H "Authorization: Bearer mm_live_..."

Get your free API key

300 free credits every month. No credit card.

Other design systems

All 21

Linear

#5E6AD2

Slack

#1264A3

Mailchimp

#FFE01B

Values observed on https://www.notion.com on 2026-08-03. Sites redesign, so treat this as a snapshot of that date. Notion and its brand assets are trademarks of their owner; this page is an independent technical observation of publicly served CSS and is not affiliated with or endorsed by Notion.