Build with Notion’s Developer Platform – Notion

https://notion.com/product/dev 1692 elements 5/26/2026
7
Colors
3
Font Families
7
Spacing Values
5
Shadows
2
Border Radii
11
Components
97%
A11y Score

Color Palette

Brand Colors

#1313ba
Primary
1716 uses
#7171a8
Secondary
706 uses
#cbcbef
Accent
118 uses

Neutrals

#ffffff
480 uses
#000000
302 uses
#111111
1 uses

Full Palette

#1313ba
text, border, background
1716 uses
#7171a8
text, border
706 uses
#ffffff
background, text, border
480 uses
#000000
text, border
302 uses
#cbcbef
text, border, background
118 uses
#6666fd
text, border
78 uses
#111111
background
1 uses

Gradients

Typography

Font Families

NotionInter (all, 1002x)iA Writer Mono (body, 685x)Times New Roman (body, 5x)

Type Scale

64px The quick brown fox 700 / 64px
54px The quick brown fox 700 / 56px
28px The quick brown fox 400 / 42px
20px The quick brown fox 400 / 28px
18px The quick brown fox 400 / 28px
16px The quick brown fox 400 / 24px
15px The quick brown fox 400 / 20px
14px The quick brown fox 400 / 20px
12px The quick brown fox 600 / 16px

Spacing Scale

3px
44px
60px
80px
95px
125px
144px

Box Shadows

xs
xs
xs
sm
lg

Border Radii

4px
sm
9999px
full

Accessibility

97%
WCAG Contrast Score
151 passing / 4 failing color pairs

Color Pair Analysis

Sample
#ffffff on #f6f6fc
1.08:1
FAIL
3x
Sample
#1313ba on #111111
1.65:1
FAIL
1x
Sample
#1313ba on #f6f6fc
10.66:1
AAA
103x
Sample
#1313ba on #ffffff
11.48:1
AAA
28x
Sample
#ffffff on #1313ba
11.48:1
AAA
11x
Sample
#1313ba on #cbcbef
7.28:1
AAA
5x
Sample
#000000 on #ffffff
21:1
AAA
4x