Google

https://google.com/ 387 elements 4/26/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

92%

A11y Score

Color Palette

Brand Colors

#0b57d0

Primary

3 uses

#1a0dab

Secondary

2 uses

#0b57d0

Accent

3 uses

Neutrals

#1f1f1f

524 uses

#000000

87 uses

#444746

61 uses

#ffffff

42 uses

#636363

40 uses

#70757a

17 uses

#999999

9 uses

#d2d2d2

5 uses

#dadce0

4 uses

#808080

2 uses

Full Palette

#1f1f1f

text, border

524 uses

#000000

text, border

87 uses

#444746

text, border

61 uses

#ffffff

background, text, border

42 uses

#636363

text, border

40 uses

#70757a

text, border

17 uses

#999999

background, border, text

9 uses

#d2d2d2

background, border

5 uses

#dadce0

background, border

4 uses

#0b57d0

background

3 uses

#1a0dab

text, border

2 uses

#e8eaed

border, background

2 uses

#808080

text, border

2 uses

Typography

Font Families

Arial (body, 364x)Times New Roman (body, 18x)arial (body, 2x)Google Sans Text (body, 2x)monospace (body, 1x)

Type Scale

32px The quick brown fox 400 / 38.4px

26px The quick brown fox 400 / 15px

20px The quick brown fox 400 / normal

18px The quick brown fox 400 / normal

16px The quick brown fox 400 / normal

14px The quick brown fox 400 / normal

13.3333px The quick brown fox 400 / normal

13px The quick brown fox 400 / 24px

12px The quick brown fox 400 / 16px

11px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px

10px

18px

20px

25px

44px

54px

60px

70px

148px

223px

312px

328px

Box Shadows

Border Radii

8px

12px

16px

20px

24px

28px

full

50px

full

100px

full

9999px

full

Accessibility

WCAG Contrast Score

24 passing / 2 failing color pairs

Google

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis