Firebase | Google's Mobile and Web App Development Platform

https://firebase.google.com/ 1163 elements 5/16/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

88%

A11y Score

Color Palette

Brand Colors

#1e88e5

Primary

268 uses

#ff9100

Secondary

12 uses

#f1f3f4

Accent

8 uses

Neutrals

#000000

1681 uses

#ffffff

390 uses

#dadce0

11 uses

#5f6368

10 uses

#1e1e1e

5 uses

#bdc1c6

2 uses

#cecece

1 uses

Full Palette

#000000

text, border, background

1681 uses

#ffffff

background, text, border

390 uses

#1e88e5

text, border

268 uses

#ff9100

border

12 uses

#0b57d0

text, border

12 uses

#dadce0

border

11 uses

#5f6368

text, border

10 uses

#f1f3f4

background

8 uses

#f57c00

background

7 uses

#1e1e1e

background

5 uses

#174ea6

text, border

2 uses

#c20000

text, border

2 uses

#bdc1c6

border

2 uses

#041e49

border

1 uses

#cecece

border

1 uses

#fce8e6

background

1 uses

Gradients

Typography

Font Families

Google Sans (all, 1109x)JetBrains Mono (all, 33x)Material Icons (body, 19x)Times New Roman (body, 2x)

Type Scale

75px The quick brown fox 700 / 100px

44px The quick brown fox 500 / 54px

40px The quick brown fox 700 / normal

35px The quick brown fox 700 / 45px

34px The quick brown fox 700 / 44px

30px The quick brown fox 400 / 45px

26px The quick brown fox 700 / 26px

24px The quick brown fox 400 / 36px

22px The quick brown fox 400 / 15px

20px The quick brown fox 400 / 20px

18px The quick brown fox 400 / 18px

16px The quick brown fox 400 / 24px

Spacing Scale (base: 2px)

1px

23px

30px

36px

40px

48px

60px

64px

80px

95px

100px

120px

140px

174px

336px

344px

Box Shadows

xs (inset)

Border Radii

2px

8px

12px

18px

24px

40px

full

50px

full

100px

full

Accessibility

WCAG Contrast Score

78 passing / 11 failing color pairs

Firebase | Google's Mobile and Web App Development Platform

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