Premium · 1 month free

# Music for everyone. Sound for every mood.

Millions of songs and podcasts. No credit card required. Try Premium free for a month and listen to an ad-free world that learns what you love.

Get Premium Free Learn More
574M Active listeners
100M+ Tracks
180+ Markets
Now Playing

### Midnight Drive

Neon Carousel · Late Bloomer
1:42
4:03
Queue Lyrics Devices
Made for You

## Playlists shaped by every song you've ever loved.

A daily refresh of mixes, throwbacks, and discoveries — built from your listening, your skips, and the rooms you keep coming back to.

Daily Mix 1
The Weeknd, Dua Lipa, and more
Release Radar
Fresh from artists you follow
Discover Weekly
Your week. Your music.
On Repeat
Songs you can't stop playing
Time Capsule
Throwbacks made for you
Mellow Mornings
Slow start, soft landings
Indie Pop Hour
Quiet electricity
Deep Focus
Instrumentals for thinking
What's New

## More than music — your whole audio universe.

Podcasts, audiobooks, live sessions, and DJ — every kind of listening, gathered into a single ad-free experience.

DJ · Powered by AI

### Your personal DJ with a knack for what you need.

A radio-style stream of music picked for you, with smart commentary on artists you love — and ones you'd love if you only met them.

Try DJ
Podcasts · Originals

### Shows that pull you closer than the page.

From overnight obsessions to longform investigations — exclusive originals and millions of episodes, in one place that remembers where you left off.

Browse Podcasts
Premium Plans

## Pick the plan that hears you.

All Premium plans include ad-free music, offline listening, and unlimited skips. Cancel anytime.

Individual
Premium
$10.99/mo after trial
For 1 account. Cancel anytime.

- Ad-free music listening
- Download to listen offline
- Play songs in any order

Try Free For 1 Month
Most Popular
Duo
Premium Duo
$14.99/mo after trial
For 2 accounts. Same address required.

- 2 Premium accounts
- Duo Mix: a playlist for two
- Ad-free, offline, on-demand

Try Free For 1 Month
Family
Premium Family
$16.99/mo after trial
Up to 6 accounts. Family-safe.

- Up to 6 Premium accounts
- Block explicit music
- Spotify Kids included

Try Free For 1 Month

## One month free. Then you decide.

No commitments. Cancel anytime. Premium recommends what you love next.

Start Free Trial
Design System Reference

## An interface that disappears so the music doesn't.

Spotify's UI is a study in restraint — five shades of charcoal, one functional green, and a strict geometry of pills and circles. Below: the tokens behind the cocoon.

View DESIGN.md ↗

### Color

Near-black surfaces stacked by shade. Spotify Green appears only on functional surfaces — play controls, active states, primary CTAs. Album art provides every other color in the room.

Primary Brand
Spotify Green
#1ed760
Green Border
#1db954
Near Black
#121212
Dark Surface
#181818
Mid Dark
#1f1f1f
Text
White
#ffffff
Light
#fdfdfd
Near White
#cbcbcb
Silver
#b3b3b3
Light Border
#7c7c7c
Surface & Border
Dark Card
#252525
Mid Card
#272727
Border Gray
#4d4d4d
Light Surface
#eeeeee
True Black
#000000
Semantic
Negative
#f3727f
Warning
#ffa42b
Announcement
#539df5
Separator
#b3b3b3
Shadow Stack
rgba(0,0,0,.5)

### Typography

CircularSp family (SpotifyMixUI / SpotifyMixUITitle) — substituted here with Inter. Bold/regular binary hierarchy. Buttons stay uppercase with 1.4–2px tracking.

Token | Sample | Size | Weight | Tracking
--- | --- | --- | --- | ---
--title-section | Section Title | 24 / 1.50rem | 700 | normal
--heading-feature | Feature Heading | 18 / 1.13rem | 600 | normal
--body-bold | Emphasized body | 16 / 1.00rem | 700 | normal
--body | Standard body | 16 / 1.00rem | 400 | normal
--button-upper | Play Now | 14 / 0.88rem | 700 | 1.4–2px
--nav-active | Home | 14 / 0.88rem | 700 | normal
--nav-inactive | Search | 14 / 0.88rem | 400 | normal
--caption | 3:42 · 2.1M plays | 14 / 0.88rem | 400 | normal
--small-bold | EXPLICIT | 12 / 0.75rem | 700 | normal
--badge | New | 10.5 / 0.66rem | 600 | normal

### Radius

Pill-and-circle geometry. Buttons land at 500px / 9999px; play controls at 50%; cards stay subtle at 6–8px.

Minimal
2px
Subtle
4px
Standard
6px
Comfort
8px
Medium
10–20
Large
100px
Pill
500–9999
Circle
50%

### Components

Pills, circles, and inset inputs — the tactile vocabulary of a music device translated to the screen.

##### Buttons

Primary CTA Dark Pill Outlined Pill Light Pill

##### Inputs

Explicit New Podcast

##### Cards

Discover Weekly
Your week. Your music.
Midnight Drive
Neon Carousel
View DESIGN.md ↗