# Spotify - Web Player: Music for everyone

https://spotify.com 2974 elements 5/18/2026
52
Colors
3
Font Families
12
Spacing Values
10
Shadows
9
Border Radii
10
Components
88%
A11y Score

## Color Palette

### Brand Colors

#1ed760
Primary
54 uses
#346e4a
Secondary
6 uses
#1db954
Accent
2 uses

### Neutrals

#ffffff
2847 uses
#b3b3b3
2199 uses
#000000
722 uses
#696969
129 uses
#555555
44 uses
#7c7c7c
24 uses
#121212
20 uses
#1f1f1f
15 uses
#333333
9 uses
#292929
5 uses

### Full Palette

#ffffff
background, text, border
2847 uses
#b3b3b3
text, border, background
2199 uses
#000000
text, border, background
722 uses
#696969
text, border
129 uses
#1ed760
background
54 uses
#555555
background, text, border
44 uses
#7c7c7c
text, border, background
24 uses
#121212
background, text, border
20 uses
#1f1f1f
background
15 uses
#333333
background
9 uses
#468254
background
9 uses
#3860be
text, border, background
6 uses
#346e4a
background, border
6 uses
#292929
border, background
5 uses
#0000ee
text, border
4 uses
#c1c1c1
border, text
2 uses
#402830
background
2 uses
#667a7a
background
2 uses
#6e7598
background
2 uses
#7a7a11
background
2 uses

### Gradients

## Typography

### Font Families

SpotifyMixUI (all, 2843x)Times (body, 115x)SpotifyMixUITitle (all, 16x)

### Type Scale

24px The quick brown fox 700 / normal
16px The quick brown fox 400 / normal
14.4px The quick brown fox 400 / 38px
14px The quick brown fox 700 / normal
13.6px The quick brown fox 400 / 27.2px
13.3333px The quick brown fox 400 / normal
13.008px The quick brown fox 700 / 16.9104px
12.992px The quick brown fox 400 / 19.488px
12.8px The quick brown fox 400 / normal
12px The quick brown fox 400 / normal
10.5px The quick brown fox 600 / 14px

## Spacing Scale

1px
15px
20px
23px
28px
35px
40px
48px
64px
96px
125px
154px

## Box Shadows

sm (inset)
xs (inset)
sm
sm
md
md
md
md
lg
lg

## Border Radii

2px
xs
6px
md
10px
md
16px
lg
20px
xl
32px
full
50px
full
500px
full
9999px
full

## Accessibility

88%
WCAG Contrast Score
7 passing / 1 failing color pairs

### Color Pair Analysis

Sample
#ffffff on #1db954
2.59:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
4x
Sample
#ffffff on #346e4a
6.04:1
AA
3x