--- title: "Spotify brand guidelines: logo, colors and fonts | Rainbrand" description: "Spotify’s logo, colors (#1ED760, #000000, #FFFFFF), fonts (Spotify Mix UI Title, Spotify Mix UI), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/spotify/" --- (Brand guidelines) // Music and audio # Spotify brand guidelines Spotify’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from spotify.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/spotify/spotify-brand-skill.zip) ![Spotify logo in green](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fspotify%2Fspotify-lockup.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Spotify Green #1ED760 - Black #000000 - White #FFFFFF - Dark gray #121212 ## About Spotify Spotify is a global music, podcast, and audio streaming platform built around discovering, playing, and sharing audio. Its digital experience pairs a dark interface with bright green accents and clear, listener-focused messaging. ## Spotify logo - ![Spotify logo in green](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fspotify%2Fspotify-lockup.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Spotify logo in green](https://www.rainbrand.com/brand-guidelines/spotify/spotify-lockup.svg) - ![Spotify logo in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fspotify%2Fspotify-lockup-white.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Spotify logo in white](https://www.rainbrand.com/brand-guidelines/spotify/spotify-lockup-white.svg) - ![Spotify logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fspotify%2Fspotify-lockup-black.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Spotify logo in black](https://www.rainbrand.com/brand-guidelines/spotify/spotify-lockup-black.svg) - ![Spotify icon in green](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fspotify%2Fspotify-icon.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · PNG [Download Spotify icon in green](https://www.rainbrand.com/brand-guidelines/spotify/spotify-icon.png) Spotify’s full logo combines the circular icon with the Spotify wordmark. Use the full logo wherever there is room, and the icon on its own only when space is tight or Spotify is already established. The wordmark never appears without the icon. The green logo is the primary colorway and belongs on black or white. On any other background, use the black logo on light colors and the white logo on dark colors. Keep clear space equal to half the icon’s height around the logo. ## Spotify colors - Spotify Green Signature brand color HEX #1ED760 Copy HEX RGB 30, 215, 96 Copy RGB - Black Backgrounds, and the logo on light backgrounds HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - White Text and logo on dark backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Dark gray App backgrounds and surfaces HEX #121212 Copy HEX RGB 18, 18, 18 Copy RGB ## Spotify fonts - Spotify Mix UI Title Headings · 700 - Spotify Mix UI Body and interface · 400, Buttons and labels · 700 Font names only. The Brand Skill download doesn’t include font files. ## Spotify’s voice Write in plain, direct language that starts with what listeners can do or enjoy. Keep benefits specific and easy to scan. Spotify’s product copy speaks directly to the listener and explains features in practical terms. - “The world is listening here” - “Shaping the big moments in music” - “Sign up to get unlimited songs and podcasts with occasional ads. No credit card needed” - “What do you want to play?” ## Dos and don’ts ### Do - Use Spotify Green as the resting color that makes Spotify recognizable, paired with black and white. - Use the full logo wherever there is room; use the icon alone only when space is tight or the brand is already established. - Put the green logo only on black or white; use the black logo on other light backgrounds and the white logo on dark ones. - Set headings in Spotify Mix UI Title and body and interface copy in Spotify Mix UI. - Write directly to listeners and make product benefits clear. ### Don’t - Don’t rotate, stretch or recolor the logo, fill in the lines of the icon, or use the logo as a letter in a word. - Don’t use the Spotify wordmark without the icon. - Don’t place the logo in a busy or low-contrast area of an image or on top of text. - Don’t make feature copy vague when a practical listener benefit can be stated clearly. ## More from the Brand Skill ### Discovery imagery Spotify’s discovery experience uses visual tiles for radio recommendations and browsing categories. Keep these images in their role as content and discovery artwork, rather than treating them as Spotify identity marks. ### Product imagery Spotify’s product pages combine concise feature messaging with visual material that introduces a listening experience. Use product imagery to support the specific feature or content being described. ## Download Spotify’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Spotify’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/spotify/spotify-brand-skill.zip) spotify-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ voice.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ discovery-imagery.md │ └ product-imagery.md └ assets/logos/ ├ spotify-lockup.svg ├ spotify-lockup-white.svg ├ spotify-lockup-black.svg └ spotify-icon.png Rainbrand’s Brand Agent built this Brand Skill from spotify.com on 30 Oct 2026. It isn’t Spotify’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Spotify and its logos are trademarks of Spotify AB. Rainbrand isn’t affiliated with or endorsed by Spotify AB. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Sonos brand guidelines](https://www.rainbrand.com/brand-guidelines/sonos/) Music and audio - [Teenage Engineering brand guidelines](https://www.rainbrand.com/brand-guidelines/teenage-engineering/) Music and audio - [Airbnb brand guidelines](https://www.rainbrand.com/brand-guidelines/airbnb/) Travel and transport The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)