Spotify - Web Player: Music for everyone

https://spotify.com 2965 elements 5/15/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
2172 uses
#000000
722 uses
#696969
128 uses
#555555
44 uses
#121212
32 uses
#7c7c7c
26 uses
#1f1f1f
15 uses
#333333
11 uses
#292929
5 uses

Full Palette

#ffffff
background, text, border
2847 uses
#b3b3b3
text, border, background
2172 uses
#000000
text, border, background
722 uses
#696969
text, border
128 uses
#1ed760
background
54 uses
#555555
background, text, border
44 uses
#121212
background, text, border
32 uses
#7c7c7c
text, border, background
26 uses
#1f1f1f
background
15 uses
#333333
background
11 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
#7b7669
background, border
3 uses
#c1c1c1
border, text
2 uses
#6e7598
background
2 uses
#002038
background
2 uses
#517aa3
background
2 uses

Gradients

Typography

Font Families

SpotifyMixUI (all, 2834x)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