The AI workspace that works for you. | Notion

https://notion.so 1564 elements 5/15/2026
30
Colors
3
Font Families
19
Spacing Values
7
Shadows
7
Border Radii
13
Components
92%
A11y Score

Color Palette

Brand Colors

#455dd3
Primary
2 uses
#0075de
Secondary
31 uses
#213183
Accent
1 uses

Neutrals

#000000
2131 uses
#f6f5f4
384 uses
#a39e98
202 uses
#ffffff
170 uses
#615d59
48 uses
#78736f
14 uses
#191918
2 uses
#c0c0c0
1 uses
#dddddd
1 uses

Full Palette

#000000
text, border, background
2131 uses
#f6f5f4
text, border, background
384 uses
#a39e98
text, border
202 uses
#ffffff
background, text, border
170 uses
#615d59
text, border
48 uses
#0075de
text, border, background
31 uses
#097fe8
background, text, border
25 uses
#62aef0
text, border, background
25 uses
#f64932
text, border, background
18 uses
#9c7054
text, border
16 uses
#ff6d00
text, border
16 uses
#78736f
text, border
14 uses
#9849e8
text, border
12 uses
#ffb110
text, border, background
12 uses
#27918d
text, border
8 uses
#02093a
background
6 uses
#2a9d99
background
3 uses
#191918
background
2 uses
#455dd3
background
2 uses
#ffc95e
background
2 uses

Gradients

Typography

Font Families

NotionInter (all, 1557x)Times (body, 5x)Lyon Text (body, 2x)

Type Scale

64px The quick brown fox 700 / 64px
54px The quick brown fox 700 / 56px
48px The quick brown fox 400 / 72px
42px The quick brown fox 700 / 48px
40px The quick brown fox 400 / 60px
32px The quick brown fox 400 / 40px
26px The quick brown fox 700 / 32px
24px The quick brown fox 500 / 20px
22px The quick brown fox 700 / 28px
20px The quick brown fox 400 / 20px
16px The quick brown fox 400 / 24px
15px The quick brown fox 400 / 20px

Spacing Scale (base: 2px)

2px
20px
24px
28px
32px
40px
44px
48px
56px
60px
64px
78px
93px
125px
167px
177px

Box Shadows

xs
xs
xs
sm
sm
lg
lg

Border Radii

4px
sm
8px
md
12px
lg
16px
lg
50px
full
100px
full
9999px
full

Accessibility

92%
WCAG Contrast Score
12 passing / 1 failing color pairs

Color Pair Analysis

Sample
#ffffff on #097fe8
4.03:1
FAIL
1x
Sample
#ffffff on #000000
21:1
AAA
7x
Sample
#000000 on #ffffff
21:1
AAA
2x
Sample
#ffffff on #455dd3
5.59:1
AA
1x
Sample
#ffffff on #213183
11.46:1
AAA
1x
Sample
#ffffff on #0075de
4.57:1
AA
1x