TasteMaker Build your brand kit

Spotify's brand identity, explained

Updated 2026-07-08 · 5 min read

Most brand teardowns of Spotify are out of date, because Spotify changed its typeface in 2024 and the internet did not notice. Start there, because it is the most interesting decision the company has made in a decade.

Spotify Mix: a font as brand strategy

Since May 2024, Spotify's typeface has been Spotify Mix, a bespoke variable typeface developed with the Berlin foundry Dinamo over roughly eighteen months. It replaced Circular, from the Swiss foundry Lineto, which Spotify had used since its 2014 to 2015 brand refresh.

If an article tells you Spotify uses Circular, it was written before May 2024, or copied from something that was. This is the single most common error in the genre.

Spotify Mix is worth studying on its own terms. The distinctive feature is a "transmitter" shape carved into the negative space of letters with counters: the p, the b, the d. The enclosed white space is shaped to suggest sound leaving a speaker. It is a metaphor you cannot see until it is pointed out and cannot unsee afterward, which is the ideal for a brand typeface. It also ships four switchable number sets, which matters more than it sounds when your product is covered in durations, dates, and play counts.

The strategic point: Spotify bought a moat. A licensed retail typeface, however good, is available to competitors. Circular is on thousands of sites. A commissioned variable face is not, and it makes the brand unforgeable at the level of a single word of text. Eighteen months and a foundry commission is an enormous investment for something most users will never consciously register.

Note also what Spotify tells you to use. The developer design guidelines instruct third-party integrators to use a platform default sans (Helvetica Neue, Helvetica, Arial). Spotify does not license its brand typeface to you. Do not confuse the integration guidance with Spotify's own type stack.

Color: one official hex, one that is not

Spotify black is #191414. That is officially published, in the developer design guidelines, as the fallback color. It is a warm near-black rather than a pure one, which is the same instinct Notion applies to its off-white background.

Spotify Green has no officially published hex. This surprises people. The green is the most recognizable color in consumer software and Spotify's own pages specify it with logo files rather than values. Two hexes circulate: #1DB954, the classic green, and #1ED760, the brighter current one. Spotify's own design-history writing acknowledges only that the shade has evolved.

If you are matching it, sample the official asset. If you are citing it, cite both values and say they are community-reported. This site has a rule about that, and it applies to the biggest brand on the page as much as the smallest.

The system beneath the green is a two-tone discipline: green and black, everything else in service. The duotone photography of the 2015 era (gradient-mapped imagery in green and black) is the treatment most people picture when they think "Spotify brand." It is also historical. Spotify's current public guidelines do not document a duotone methodology, so describe it as the signature of the 2015 brand language, not as current spec.

Encore: a system of systems

Here is where Spotify differs from every other case study on this site.

Stripe and Notion each have one brand applied to a handful of surfaces. Spotify has a consumer app, a desktop client, a web player, Spotify for Artists, Spotify for Podcasters, an ad platform, a car interface, a TV interface, and dozens more. Somewhere past the twentieth surface, "keep the design system consistent" stops being a design problem and becomes an organizational one.

Spotify's answer is Encore, which is not a design system. It is a federation of them:

Nothing forces a team onto a shared component library. What is shared is the token layer underneath. Teams get autonomy over their components and agree on the vocabulary. Spotify's engineering culture calls this "aligned autonomy," and Encore is what that phrase looks like when a designer implements it.

This is the strongest public argument for design tokens as an organizational tool rather than a build convenience. Forty products cannot share a codebase. They can share a definition of color.action.primary, and that is most of what coherence requires.

The detail worth stealing

Spotify was, by its own account, an early dark-mode app, long before dark mode was common. That forced the brand to be defined by contrast relationships, not by colors on white, from the very beginning.

A green that only works on a white page is not a system, it is a swatch. Spotify Green had to survive on near-black from day one, which is why it is a saturated, high-luminance green, not the forest green a brand consultant would have picked. The constraint produced the color.

If you take one thing from this teardown, take that: design your palette against your hardest background first. Everything gets easier afterward. See choosing brand colors for how to run that test.

Sources and confidence

Spotify black #191414, the existence of the developer design guidelines, the Spotify Mix launch and its Dinamo collaboration, the transmitter counters, and the four number sets are all officially published or confirmed by Spotify's newsroom and It's Nice That. The Circular attribution and its 2014 to 2015 timing are well documented but secondary. Spotify Green's hex is not officially published, and both circulating values are given above as community-reported. The duotone photography treatment is historical rather than current spec.

Next: Stripe's design system, for what one distinctive move looks like at a smaller scale, or Notion's, for the same lesson via subtraction.

Sources

Keep reading

TasteMaker turns your design taste into a brand kit AI coding tools read directly: design tokens, an Agent Skill package, and a live MCP server. Free to build.

Build your brand kit