--- title: "TikTok brand guidelines: logo, colors and fonts | Rainbrand" description: "TikTok’s logo, colors (#25F4EE, #FE2C55, #000000), fonts (TikTok Sans), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/tiktok/" --- (Brand guidelines) // Social media # TikTok brand guidelines TikTok’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from tiktok.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/tiktok/tiktok-brand-skill.zip) ![TikTok black lockup](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-logo.svg) - TikTok Cyan #25F4EE - TikTok Pink #FE2C55 - Black #000000 - White #FFFFFF ## About TikTok TikTok is a global short-form video platform and social network where people create, share, and discover video. Its brand centers on helping imaginations thrive and moving with the speed of culture. ## TikTok logo - ![TikTok black lockup](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-logo.svg) Lockup Download [SVG of TikTok black lockup](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-logo.svg?download=tiktok-logo.svg) [PNG of TikTok black lockup](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-logo.png?download=tiktok-logo.png) - ![TikTok white lockup with cyan and pink accents](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-wordmark-2.png) Lockup · PNG [Download TikTok white lockup with cyan and pink accents](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/tiktok-wordmark-2.png?download=tiktok-wordmark-2.png) Use TikTok’s own standalone marks and wordmarks as identity artwork. The standalone brand marks are appropriate for compact placements; the TikTok wordmark is suited to placements where the name should be explicit. ## TikTok colors - TikTok Cyan Logo accent HEX #25F4EE Copy HEX RGB 37, 244, 238 Copy RGB - TikTok Pink Logo and interface accent HEX #FE2C55 Copy HEX RGB 254, 44, 85 Copy RGB - Black Primary identity and dark backgrounds HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - White Reversed identity and light backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## TikTok fonts - TikTok Sans Headings · 700, Body · 400 Font names only. The Brand Skill download doesn’t include font files. ## TikTok’s voice Write with curiosity, cultural awareness, and an energetic, welcoming directness. Keep language easy to follow and focused on people creating, sharing, and discovering content. Be clear about what a feature does; when discussing safety or policies, use plain, measured language rather than hype. - “Lead with curiosity, move at the speed of culture” - “We want the platform to be a safe place, where people can be who they are and have fun” ## Dos and don’ts ### Do - Use TikTok’s own standalone marks and wordmarks for brand identity placements. - Use the signature palette for brand expression and the dark-interface colors for web UI in their defined roles. - Write with curiosity and cultural responsiveness, and speak plainly about the platform and its community. - Put creators and varied short-form content at the center of platform storytelling. ### Don’t - Treat backdrops or social-share imagery as logos. - Replace the signature palette with interface colors or use interface colors outside their web-UI context without a clear design need. - Use inflated or vague language where a clear description of the feature or message will do. - Make every creator or content example look alike; preserve room for varied voices and interests. ## TikTok imagery 3 images from tiktok.com, in one file of the Brand Skill. Each file starts with its guidance, then shows the images it refers to. ### Imagery 3 images For brand-level storytelling, center short-form video and creator-led expression. Favor a lively mix of subjects, formats, sounds, and points of view that reflects a platform for creating, sharing, and discovering content. Keep imagery human, current, and culturally responsive; let the creators and their content carry the moment. TikTok’s brand imagery includes distinct backdrop and social-share assets. Keep those assets in their backdrop or share-image roles; they are not logos. - ![A vibrant digital banner features the TikTok logo and the scripted text "You Belong Here" over a soft rainbow gradient background with fluffy pink clouds.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/b0496f58-ae16-533c-b98a-964bd98bcb22/images/a165538e-86b9-44ad-b2ad-f0a00fcb0baf.webp) - ![The TikTok logo, a stylized eighth note, stands centered against a solid black background.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/b0496f58-ae16-533c-b98a-964bd98bcb22/images/39245b41-453d-49f0-8513-cb8f2f9417b8.webp) - ![A neon-style graphic banner featuring the text "Yes, we're hiring" set against a dark background.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/tiktok/b0496f58-ae16-533c-b98a-964bd98bcb22/images/2355c11d-76c8-4b14-95e5-54c20fec7cf6.webp) ## Download TikTok’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 TikTok’s guidelines. It starts at SKILL.md, which points to the right file for each task. It has the guidance, 3 images and the logos. The font files belong to TikTok Ltd, so they’re left out. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/tiktok/tiktok-brand-skill.zip) ZIP, 384 KB tiktok-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ colors.md │ ├ imagery.md │ ├ logo.md │ ├ typography.md │ └ voice.md └ assets/ ├ images/ └ logos/ Rainbrand’s Brand Agent built this Brand Skill from tiktok.com on 3 Nov 2026. It isn’t TikTok’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. TikTok and its logos are trademarks of TikTok Ltd. Rainbrand isn’t affiliated with or endorsed by TikTok Ltd. ## 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/) - [Discord brand guidelines](https://www.rainbrand.com/brand-guidelines/discord/) Social media - [Instagram brand guidelines](https://www.rainbrand.com/brand-guidelines/instagram/) Social media - [LinkedIn brand guidelines](https://www.rainbrand.com/brand-guidelines/linkedin/) Social media 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/)