YouTube

https://youtube.com/ 2008 elements 5/1/2026
17
Colors
4
Font Families
12
Spacing Values
5
Shadows
10
Border Radii
11
Components
85%
A11y Score

Color Palette

Brand Colors

#065fd4
Primary
33 uses
#3ea6ff
Secondary
1 uses
#3ea6ff
Accent
1 uses

Neutrals

#000000
2698 uses
#efefef
725 uses
#0f0f0f
494 uses
#ffffff
90 uses
#e3e3e3
55 uses
#606060
54 uses
#b8b8b8
2 uses
#999999
2 uses
#1c1c1c
2 uses
#c6c6c6
1 uses

Full Palette

#000000
text, border, background
2698 uses
#efefef
background, text, border
725 uses
#0f0f0f
text, border, background
494 uses
#ffffff
background, text, border
90 uses
#e3e3e3
background, text, border
55 uses
#606060
text, border, background
54 uses
#065fd4
text, border
33 uses
#b8b8b8
text, border
2 uses
#999999
text, border
2 uses
#1c1c1c
background
2 uses
#c6c6c6
border
1 uses
#d3d3d3
border
1 uses
#3ea6ff
background
1 uses
#282828
background
1 uses
#cc0000
background
1 uses
#ff0033
background
1 uses
#909090
background
1 uses

Gradients

Typography

Font Families

Roboto (all, 1554x)YouTube Noto (body, 397x)Arial (all, 53x)YouTube Sans (all, 4x)

Type Scale

24px The quick brown fox 900 / 32px
23.98px The quick brown fox 500 / 31.174px
20px The quick brown fox 700 / normal
19.25px The quick brown fox 400 / 25.025px
18px The quick brown fox 400 / 23.4px
17.05px The quick brown fox 400 / 20px
16.5px The quick brown fox 500 / 21.45px
16px The quick brown fox 400 / 22px
14.96px The quick brown fox 400 / 20px
14.3px The quick brown fox 500 / 18.59px
14px The quick brown fox 500 / 20px
13.97px The quick brown fox 500 / 18.161px

Spacing Scale (base: 2px)

1px
24px
28px
32px
37px
40px
50px
56px
64px
72px
100px
120px

Box Shadows

xs (inset)
sm
sm
sm
lg

Border Radii

2px
xs
5px
sm
8px
md
12px
lg
18px
xl
25px
full
28px
full
39px
full
50px
full
100px
full

Accessibility

85%
WCAG Contrast Score
118 passing / 21 failing color pairs

Color Pair Analysis

Sample
#0f0f0f on #000000
1.1:1
FAIL
13x
Sample
#eeeeee on #ffffff
1.16:1
FAIL
5x
Sample
#eeeeee on #3ea6ff
2.23:1
FAIL
1x
Sample
#eeeeee on #ff0033
3.42:1
FAIL
1x
Sample
#000000 on #0f0f0f
1.1:1
FAIL
1x
Sample
#000000 on #e3e3e3
16.36:1
AAA
45x
Sample
#eeeeee on #000000
18.1:1
AAA
33x
Sample
#000000 on #ffffff
21:1
AAA
14x
Sample
#ffffff on #616161
6.19:1
AA
7x
Sample
#0f0f0f on #ffffff
19.17:1
AAA
4x
Sample
#000000 on #efefef
18.26:1
AAA
4x
Sample
#ffffff on #000000
21:1
AAA
2x
Sample
#e3e3e3 on #1c1c1c
13.28:1
AAA
2x
Sample
#0f0f0f on #f8f8f8
18.05:1
AAA
1x
Sample
#dddddd on #000000
15.46:1
AAA
1x
Sample
#eeeeee on #666666
4.95:1
AA
1x
Sample
#eeeeee on #282828
12.71:1
AAA
1x
Sample
#eeeeee on #cc0000
5.07:1
AA
1x
Sample
#000000 on #909090
6.58:1
AA
1x
Sample
#ffffff on #0f0f0f
19.17:1
AAA
1x