Apple

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

Color Palette

Brand Colors

#f5f5f7
Primary
98 uses
#0071e3
Secondary
9 uses
#fafafc
Accent
41 uses

Neutrals

#000000
1444 uses
#1d1d1f
1134 uses
#333336
479 uses
#6e6e73
64 uses
#e8e8ed
1 uses
#d2d2d7
1 uses
#443c2a
1 uses

Full Palette

#000000
text, border, background
1444 uses
#1d1d1f
text, border, background
1134 uses
#2997ff
text, border
526 uses
#333336
background, text, border
479 uses
#f5f5f7
background, text, border
98 uses
#0066cc
text, border
70 uses
#6e6e73
text, border
64 uses
#fafafc
background, text, border
41 uses
#0071e3
background
9 uses
#e8e8ed
background
1 uses
#d2d2d7
background
1 uses
#140a12
background
1 uses
#9fc6f4
background
1 uses
#1246c4
background
1 uses
#443c2a
background
1 uses
#3397d4
background
1 uses
#3e4fca
background
1 uses
#5d4a32
background
1 uses

Gradients

Typography

Font Families

SF Pro Text (all, 1710x)SF Pro Display (all, 195x)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
25.5px The quick brown fox 600 / 37.5px
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

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
#ffffff on #1d1d1f
16.83:1
AAA
1x