Apple

https://apple.com 1906 elements 5/21/2026
18
Colors
3
Font Families
19
Spacing Values
1
Shadows
6
Border Radii
8
Components
100%
A11y Score

Color Palette

Brand Colors

#f5f5f7
Primary
96 uses
#0071e3
Secondary
9 uses
#ea33c0
Accent
1 uses

Neutrals

#1d1d1f
1153 uses
#000000
999 uses
#e8e8ed
478 uses
#ffffff
472 uses
#86868b
64 uses
#6e6e73
4 uses
#333336
2 uses
#d2d2d7
1 uses
#41626a
1 uses

Full Palette

#1d1d1f
text, border, background
1153 uses
#000000
text, border, background
999 uses
#2997ff
text, border
526 uses
#e8e8ed
text, border
478 uses
#ffffff
background, text, border
472 uses
#f5f5f7
background, text, border
96 uses
#86868b
text, border
64 uses
#0066cc
text, border
64 uses
#0071e3
background
9 uses
#6e6e73
text, border
4 uses
#333336
background
2 uses
#d2d2d7
background
1 uses
#271a11
background
1 uses
#ea33c0
background
1 uses
#9fc6f4
background
1 uses
#41626a
background
1 uses
#3397d4
background
1 uses
#371410
background
1 uses

Gradients

Typography

Font Families

SF Pro Text (all, 1708x)SF Pro Display (all, 197x)Arial (all, 1x)

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 300 / 36px
21px The quick brown fox 400 / 25px
18px The quick brown fox 300 / 18px
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

Spacing Scale (base: 2px)

1px
4px
24px
26px
29px
32px
34px
37px
40px
44px
48px
53px
56px
59px
80px
84px

Box Shadows

xl

Border Radii

5px
sm
8px
md
11px
lg
50px
full
980px
full
999px
full

Accessibility

100%
WCAG Contrast Score
10 passing / 0 failing color pairs

Color Pair Analysis

Sample
#ffffff on #0071e3
4.7:1
AA
9x
Sample
#000000 on #f5f5f7
19.29:1
AAA
1x