Design Language: Apple

Color Palette

Brand Colors

#2997ff

Primary

528 uses

#e8e8ed

Secondary

478 uses

#f5f5f7

Accent

95 uses

Neutrals

#1d1d1f

1149 uses

#000000

1002 uses

#ffffff

428 uses

#86868b

64 uses

#6e6e73

4 uses

#424245

1 uses

#d2d2d7

1 uses

Full Palette

#1d1d1f

text, border, background

1149 uses

#000000

text, border, background

1002 uses

#2997ff

text, border

528 uses

#e8e8ed

text, border

478 uses

#ffffff

background, text, border

428 uses

#f5f5f7

text, border, background

95 uses

#86868b

text, border

64 uses

#0066cc

text, border

64 uses

#0071e3

background

9 uses

#6e6e73

text, border

4 uses

#424245

background

1 uses

#d2d2d7

background

1 uses

#a4618d

background

1 uses

#9fc6f4

background

1 uses

#ea33c0

background

1 uses

#271810

background

1 uses

#3397d4

background

1 uses

#de9444

background

1 uses

#371410

background

1 uses

Gradients

Typography

Font Families

Type Scale

56px The quick brown fox 600 / 60px

44px The quick brown fox 400 / 44px

40px The quick brown fox 600 / 44px

34px The quick brown fox 600 / 50px

28px The quick brown fox 400 / 32px

24px The quick brown fox 600 / 28px

21px The quick brown fox 400 / 25px

17px The quick brown fox 400 / normal

14px The quick brown fox 400 / 18.0008px

13.3333px The quick brown fox 400 / normal

12px The quick brown fox 400 / 16.0005px

10px The quick brown fox 400 / 13px

Spacing Scale (base: 2px)

1px

24px

26px

30px

32px

34px

37px

40px

44px

48px

53px

56px

60px

63px

80px

84px

Accessibility

WCAG Contrast Score

61 passing / 10 failing color pairs

Color Pair Analysis

Apple

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