Facebook

https://facebook.com/ 393 elements 4/25/2026
10
Colors
4
Font Families
5
Spacing Values
2
Shadows
3
Border Radii
4
Components
75%
A11y Score

Color Palette

Brand Colors

#385898
Primary
19 uses
#0064e0
Secondary
11 uses
#0064e0
Accent
11 uses

Neutrals

#1c1e21
471 uses
#000000
123 uses
#666a72
76 uses
#111112
74 uses
#ffffff
8 uses
#dfe2e5
7 uses

Full Palette

#1c1e21
text, border
471 uses
#000000
text, border
123 uses
#666a72
text, border
76 uses
#111112
text, border
74 uses
#385898
text, border
19 uses
#0064e0
text, border, background
11 uses
#ffffff
background
8 uses
#dfe2e5
background, text, border
7 uses
#f2f4f6
text, border
4 uses
#1877f2
text, border
2 uses

Typography

Font Families

Helvetica (body, 319x)Times New Roman (body, 61x)Optimistic (body, 11x)Facebook Sans Normal (body, 2x)

Type Scale

52.48px The quick brown fox 600 / 66px
17px The quick brown fox 600 / 21.9997px
16px The quick brown fox 400 / normal
15px The quick brown fox 500 / 19.0005px
12px The quick brown fox 400 / 16.08px

Spacing Scale (base: 2px)

1px
16px
40px
52px
128px

Box Shadows

sm (inset)
sm (inset)

Border Radii

16px
lg
22px
xl
40px
full

Accessibility

75%
WCAG Contrast Score
9 passing / 3 failing color pairs

Color Pair Analysis

Sample
#dadde1 on #dfe2e5
1.05:1
FAIL
2x
Sample
#1c1e21 on #0064e0
3.1:1
FAIL
1x
Sample
#1c1e21 on #ffffff
16.71:1
AAA
7x
Sample
#1c1e21 on #dfe2e5
12.85:1
AAA
1x
Sample
#385898 on #ffffff
6.96:1
AA
1x