Skip to content
SuiteAnvil
Brand kit · spotify.com

Spotify brand kit

Spotify's public website pairs #1ED760 with #1DB954 accents on a dark carbon canvas, sets headings in SpotifyMixUITitle and uses a pill UI geometry. 7 of 8 key color pairings pass WCAG 2.1 AA.

Unofficial · compiled from spotify.comSnapshot 10 Nov 2026Pill · 16 px+

Compiled by SuiteAnvil from the public website of spotify.com. Not affiliated with or endorsed by Spotify; Spotify and its trademarks belong to their owner. Own spotify.com? Claim this kit

Logo files

SVG · PNG

Vector symbol from the Simple Icons project (CC0 path data), drawn in Spotify's mark color #1ED760. The mark itself is a trademark of its owner.

01Brand colors

Click a swatch to copy its hex value
RoleHEXRGBLabel color on it
Primary#1ED760rgb(30, 215, 96)#111113 · 9.83:1
Secondary#FFFFFFrgb(255, 255, 255)#111113 · 18.86:1
Accent#1DB954rgb(29, 185, 84)#111113 · 7.29:1
Surface#121212rgb(18, 18, 18)#FFFFFF · 18.73:1
Text#FFFFFFrgb(255, 255, 255)#111113 · 18.86:1
Extended palette

02Typography

Display48 / 52 · 650

Spotify

Heading 136 / 40 · 650

Clarity at every size

Heading 226 / 32 · 600

A section title in the brand face

Heading 319 / 26 · 600

Subsection and card titles

Body16 / 26 · 400

Body copy set in SpotifyMixUI at reading size, with a comfortable measure for longer press releases and product pages.

Caption13 / 18 · 500

Captions, labels and UI microcopy

Mono13 / 20 · 400

#1ED760 #FFFFFF #1DB954

Headings
SpotifyMixUITitle
Not freely licensed here: previewed with DM Sans
Body
SpotifyMixUI
Not freely licensed here: previewed with DM Sans
Mono / data
SF Mono
Not freely licensed here: previewed with JetBrains Mono

Fonts load through SuiteAnvil's own proxy, so your browser never contacts a font CDN. Licensing a proprietary face is up to you.

03UI geometry & surface

Spotify
Card radius 8px · control radius pill
name@spotify.com
Primary actionSecondaryAccent
Radius style
Pill · 16 px+
Buttons and inputs
pill (9999px)
Cards and panels
8px
CSS radius scale
4px / 8px / 8px
Surface tone
Dark carbon
Canvas · card · border
#121212 · #181818 · #2A2A2A
Dark mode canvas · text
#0B110F · #F5F5F7

04Usage notes

Derived from the public website

SuiteAnvil derived these notes from the logo, colors and contrast measured on spotify.com on 10 Nov 2026. They are practical defaults, not Spotify's official brand guidelines. Where Spotify publishes its own rules, those win.

Clear space

Keep free space of at least half the logo height on every side (dashed line). Nothing else, including text and edges of photos, enters that zone.

Minimum size

Screen
24 px
Print
8 mm

Logo height, for the compact symbol (aspect ratio 1.00:1). Below that, use the square icon or set the name in SpotifyMixUITitle instead.

Color pairings that pass WCAG

  • AaBody text on surface18.73:1AAA
  • AaSecondary text on surface8.93:1AAA
  • AaPrimary as link/text on surface9.76:1AAA
  • AaButton label on primary9.83:1AAA
  • AaAccent on surface7.24:1AAA
  • AaDark mode: text on canvas17.51:1AAA

Large text or decoration only: #FFFFFF on #FFFFFF (1.00:1, use #777677 for body text).

Do not recolor

  • Use the logo in #1ED760, in solid black or in solid white only. Do not swap in other palette colors, gradients or tints.
  • Avoid placing the #1ED760 logo on #FFFFFF and #1DB954: contrast stays below 3:1. Use the white or black version there.
  • Do not stretch, rotate, outline, crop or add shadows and effects.
  • Do not rebuild the logo from a font; download the file above.
Embed on your site (free)Link the Spotify press kit or show the live brand score badge.
Option A: footer link

A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.

<a href="https://suiteanvil.com/kit/spotify.com">Press &amp; Brand Kit</a>
Option B: live score badge
Brand and WCAG score for spotify.com by SuiteAnvil

The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.

<a href="https://suiteanvil.com/audit/spotify.com"><img src="https://suiteanvil.com/api/badge/spotify.com.svg" alt="Brand and WCAG score for spotify.com by SuiteAnvil" height="20"></a>
Option B in Markdown (GitHub README)
[![Brand and WCAG score for spotify.com by SuiteAnvil](https://suiteanvil.com/api/badge/spotify.com.svg)](https://suiteanvil.com/audit/spotify.com)

Is this your company? Claim this kit

Verify that you control spotify.com to turn this into the official Spotify press kit: the “verified” label for free, plus a press contact block and whitelabel mode on Pro. Verification takes one meta tag or one DNS TXT record.

Spotify brand kit FAQ

Is this the official Spotify press kit?

No. SuiteAnvil compiled this kit from the public website of spotify.com on 10 Nov 2026. It is not affiliated with or endorsed by Spotify, and Spotify's trademarks belong to their owner. Whoever controls spotify.com can claim and verify it.

How can I download the Spotify logo?

Use the SVG or PNG download at the top of this page; the file is generated in your browser from a vector symbol (Simple Icons, CC0 path data). Check Spotify's trademark rules before publishing it.

What are Spotify's brand colors?

Primary #1ED760, secondary #FFFFFF and accent #1DB954, on a #121212 surface with #FFFFFF text (snapshot from 10 Nov 2026). Click any swatch to copy the hex value.

What font does Spotify use?

Headings use SpotifyMixUITitle (free stand-in: DM Sans) and body text SpotifyMixUI (free stand-in: DM Sans). Proprietary faces are previewed with the closest free Google Fonts family, loaded through SuiteAnvil's privacy proxy.

Which Spotify color pairings pass WCAG?

7 of 8 key pairings pass WCAG 2.1 AA (4.5:1), for example #FFFFFF on #121212 at 18.73:1 and #B3B3B3 on #121212 at 8.93:1. 1 pairing should be kept for large text or decoration only.

How do I link to this press kit from spotify.com?

Open "Embed on your site (free)" on this page and copy the footer link or the live score badge. Both point to SuiteAnvil pages that update after every rescan of spotify.com.

Compiled by SuiteAnvil from the public website of spotify.com (snapshot 10 Nov 2026). SuiteAnvil is not affiliated with or endorsed by Spotify. Spotify and its marks belong to their owner.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice

Press Kit & Brand Tokens automatically maintained by SuiteAnvil. Build yours from one URL