The AI workspace that works for you. | Notion

https://notion.so 1564 elements 5/15/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

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

Border Radii

4px

8px

12px

16px

50px

full

100px

full

9999px

full

Accessibility

WCAG Contrast Score

12 passing / 1 failing color pairs

The AI workspace that works for you. | Notion

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis