# Apple

https://apple.com 1906 elements 5/18/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
#ea33c0
background
1 uses
#443c2a
background
1 uses
#3397d4
background
1 uses
#450a54
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