David Protein

https://davidprotein.com/ 5000 elements 4/29/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

93%

A11y Score

Color Palette

Brand Colors

#6d7588

Primary

120 uses

#7e4d1f

Secondary

44 uses

#a26632

Accent

30 uses

Neutrals

#000000

7250 uses

#ffffff

2362 uses

#6e6e6e

146 uses

#dcdcdc

102 uses

#161616

83 uses

#2c2c2c

46 uses

#ededed

32 uses

#c6c4c4

6 uses

#a5a7a8

6 uses

#909090

3 uses

Full Palette

#000000

text, border, background

7250 uses

#ffffff

text, border, background

2362 uses

#6e6e6e

text, border, background

146 uses

#6d7588

text, border

120 uses

#dcdcdc

text, border, background

102 uses

#161616

background, border

83 uses

#2c2c2c

text, border, background

46 uses

#7e4d1f

text, border

44 uses

#ededed

background

32 uses

#a26632

background

30 uses

#b59f4a

background

14 uses

#0042e4

text, border

14 uses

#c6c4c4

text, border

6 uses

#a5a7a8

text, border

6 uses

#f7f5f5

background

3 uses

#909090

border, text

3 uses

#484444

text, border

2 uses

#b58745

border

2 uses

#d66824

border

2 uses

#202020

background

1 uses

Gradients

Typography

Font Families

ui-sans-serif (body, 4114x)Suisse International (body, 514x)ABC Monument Grotesk Mono (body, 190x)Suisse Intl (all, 128x)Instrument Serif (all, 27x)Nunito Sans (body, 22x)Times New Roman (body, 5x)

Type Scale

80px The quick brown fox 400 / 76.8px

48.8888px The quick brown fox 400 / 53.7777px

45px The quick brown fox 400 / 47.25px

44.4444px The quick brown fox 400 / 48.8889px

40px The quick brown fox 400 / 42px

35.5556px The quick brown fox 400 / 37.3334px

32px The quick brown fox 400 / 48px

31.1112px The quick brown fox 400 / 32.6667px

30px The quick brown fox 400 / 45px

26px The quick brown fox 500 / 35.1px

24px The quick brown fox 400 / 36px

22.2222px The quick brown fox 400 / 30px

Spacing Scale

2px

27px

35px

40px

45px

48px

62px

71px

75px

83px

91px

98px

135px

150px

Box Shadows

sm (inset)

Border Radii

2px

5px

8px

30px

full

41px

full

100px

full

1000px

full

Accessibility

WCAG Contrast Score

236 passing / 19 failing color pairs

David Protein

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale

Box Shadows

Border Radii

Accessibility

Color Pair Analysis