Dropbox.com

https://www.dropbox.com/ 1682 elements 4/26/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

85%

A11y Score

Color Palette

Brand Colors

#f7f5f2

Primary

406 uses

#524a3e

Secondary

204 uses

#0061fe

Accent

9 uses

Neutrals

#000000

1549 uses

#1e1919

1195 uses

#ffffff

14 uses

#8d8a86

1 uses

Full Palette

#000000

text, border, background

1549 uses

#1e1919

background, text, border

1195 uses

#f7f5f2

text, border, background

406 uses

#524a3e

text, border

204 uses

#ffffff

background

14 uses

#0000ee

text, border

14 uses

#0044af

text, border

10 uses

#0061fe

background, border, text

9 uses

#eee9e2

background

9 uses

#cd2f7b

text, border

6 uses

#deebff

background

1 uses

#a79272

border

1 uses

#8d8a86

border

1 uses

Gradients

Typography

Font Families

Times New Roman (body, 1311x)Atlas Grotesk Web (all, 294x)Arial (all, 57x)Sharp Grotesk (headings, 18x)Sharp Grotesk 23 (headings, 2x)

Type Scale

40px The quick brown fox 500 / 48px

32px The quick brown fox 400 / 38.4px

26px The quick brown fox 500 / 33.8px

24px The quick brown fox 500 / 28.8px

20px The quick brown fox 400 / 30px

18px The quick brown fox 500 / 21.6px

16px The quick brown fox 400 / normal

14px The quick brown fox 500 / 16.8px

13.3333px The quick brown fox 400 / normal

12px The quick brown fox 400 / 18px

Spacing Scale (base: 2px)

1px

48px

72px

84px

96px

120px

147px

246px

Border Radii

8px

12px

16px

20px

100px

full

Accessibility

WCAG Contrast Score

45 passing / 8 failing color pairs

Dropbox.com

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Border Radii

Accessibility

Color Pair Analysis