--- title: "Slack brand guidelines: logo, colors and fonts | Rainbrand" description: "Slack’s logo, colors (#481A54, #730394), fonts (Salesforce Avant Garde, Salesforce Sans), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/slack/" --- (Brand guidelines) // Productivity software # Slack brand guidelines Slack’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from slack.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/slack/slack-brand-skill.zip) ![Slack from Salesforce logo in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fslack%2Fslack-logo.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Aubergine #481A54 - Slack Purple #730394 - Blue #00B3FF - Green #41B658 ## About Slack Slack is an AI-powered work platform that brings people, conversations, apps, and agents together. Its brand combines clear, practical guidance with an energetic, approachable voice and a focus on making work simpler, more connected, and more productive. ## Slack logo - ![Slack from Salesforce logo in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fslack%2Fslack-logo.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · PNG [Download Slack from Salesforce logo in white](https://www.rainbrand.com/brand-guidelines/slack/slack-logo.png) - ![Slack from Salesforce logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fslack%2Fslack-logo-2.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · PNG [Download Slack from Salesforce logo in black](https://www.rainbrand.com/brand-guidelines/slack/slack-logo-2.png) - ![Slack octothorpe mark](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fslack%2Fslack-logo-3.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · SVG [Download Slack octothorpe mark](https://www.rainbrand.com/brand-guidelines/slack/slack-logo-3.svg) Use the Slack logo, the four-color octothorpe beside the slack logotype, for primary identification. On slack.com it carries the “from Salesforce” endorsement. Use the standalone octothorpe where space is limited. Keep clear space around the logo at least the length of one pill shape in the octothorpe. Keep the octothorpe’s colors, size and position against the logotype as drawn. ## Slack colors - Aubergine Signature dark background HEX #481A54 Copy HEX RGB 72, 26, 84 Copy RGB - Slack Purple Primary buttons and accents HEX #730394 Copy HEX RGB 115, 3, 148 Copy RGB - Blue Octothorpe color and accent HEX #00B3FF Copy HEX RGB 0, 179, 255 Copy RGB - Green Octothorpe color HEX #41B658 Copy HEX RGB 65, 182, 88 Copy RGB - Yellow Octothorpe color HEX #FCC003 Copy HEX RGB 252, 192, 3 Copy RGB - Pink Octothorpe color HEX #E3066A Copy HEX RGB 227, 6, 106 Copy RGB - Near-black Text HEX #1D1C1D Copy HEX RGB 29, 28, 29 Copy RGB - White Backgrounds and text on Aubergine HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Slack fonts - Salesforce Avant Garde Main heading · 700, Secondary heading · 600 - Salesforce Sans Supporting heading · 600, Body · 400, Button · 700 Font names only. The Brand Skill download doesn’t include font files. ## Slack’s voice Slack’s voice is direct, friendly, and optimistic. Lead with a useful outcome, speak to people in plain language, and make complex capabilities feel approachable. Use active, conversational phrasing and a light touch of playfulness; keep enterprise and security messaging confident without sounding alarmist. - “All your people and AI agents working together” - “AI in Slack delivers action, not just answers” - “Let your people connect like people” - “Bring conversations out of the inbox” - “Work without worry” ## Dos and don’ts ### Do - Leave clear space around the logo at least the length of one pill shape in the octothorpe; use the octothorpe alone where space is tight. - Use Aubergine and Slack Purple as the signature colors, and keep strong contrast between text and its background. - Make copy conversational, benefit-led, and easy to understand. Use active language and a human, encouraging tone. - Keep product imagery grounded in Slack’s real experience: channels, conversations, canvases, search, automation, and collaboration. ### Don’t - Don’t shuffle or change the colors of the octothorpe, or change its size or position against the logotype. - Don’t re-create the logotype in another typeface, outline it, or add shadows and other effects. - Don’t use old versions of the Slack logo. - Don’t make the voice stiff, vague, or needlessly technical when a clear, human phrase will do. ## More from the Brand Skill ### Brand artwork and editorial imagery Slack’s marketing imagery supports clear, lively storytelling about working together. It includes friendly dimensional illustrations, colorful geometric forms, product-led scenes, editorial cards, and photography of people working. Use this imagery to make the brand feel human, practical, and optimistic; preserve the role of each image in its surrounding design. ### Product and experience imagery Use authentic Slack product imagery to show work happening in context: conversations in channels, collaboration with agents, canvases, huddles, search, templates, and workflow automation. Product screenshots are part of the visual language; preserve the interface itself when depicting Slack. Use promotional scenes and illustrations to make the benefit clear without obscuring the product experience. ## Download Slack’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 Slack’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/slack/slack-brand-skill.zip) slack-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ brand-imagery.md │ ├ dos-and-donts.md │ ├ product-experience-imagery.md │ └ voice.md └ assets/logos/ ├ slack-logo.png ├ slack-logo-2.png └ slack-logo-3.svg Rainbrand’s Brand Agent built this Brand Skill from slack.com on 30 Oct 2026. It isn’t Slack’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Slack and its logos are trademarks of Slack Technologies, LLC. Rainbrand isn’t affiliated with or endorsed by Slack Technologies, LLC. ## 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/) - [Dropbox brand guidelines](https://www.rainbrand.com/brand-guidelines/dropbox/) Productivity software - [Granola brand guidelines](https://www.rainbrand.com/brand-guidelines/granola/) Productivity software - [Linear brand guidelines](https://www.rainbrand.com/brand-guidelines/linear/) Productivity software 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/)