TikTok
On a Black base, TikTok layers two vivid accents: Cyan (#25F4EE) and Red (#FE2C55), with White completing the four. The cyan-and-magenta glow against black mimics a chromatic-split effect, reading as youthful and kinetic. Excluding the black and white, the two active hues are cyan and red/magenta.
TikTok uses 4 official brand colors.
Brand Color Palette
Brand Keywords & Themes
Associated design themes and color characteristics
Using This Palette
Tips for incorporating TikTok's colors into your designs
Design Applications
- Web design and user interfaces
- Marketing materials and presentations
- Brand identity and logo design inspiration
- Social media graphics and content
Note: While these are TikTok's brand colors, they are trademarked. Use them for inspiration and learning, but avoid direct copying for commercial purposes that could cause brand confusion.
TikTok Colors for Developers
Copy TikTok's 4 brand colors straight into your codebase
CSS Variables
:root {
--black: #000000;
--red: #FE2C55;
--cyan: #25F4EE;
--white: #FFFFFF;
}SCSS
$black: #000000;
$red: #FE2C55;
$cyan: #25F4EE;
$white: #FFFFFF;Tailwind v4
@theme {
--color-black: #000000;
--color-red: #FE2C55;
--color-cyan: #25F4EE;
--color-white: #FFFFFF;
}Frequently Asked Questions
Common questions about TikTok's brand colors
How many official brand colors does TikTok use?
TikTok's official brand palette uses 4 colors: Black (#000000), Red (#FE2C55), Cyan (#25F4EE), White (#FFFFFF).
What is TikTok's primary color hex code?
TikTok's primary brand color is Black with hex code #000000. RGB and HSL conversions are available on this page.
What are the names of TikTok's brand colors?
TikTok's 4 brand colors are Black (#000000), Red (#FE2C55), Cyan (#25F4EE), White (#FFFFFF). These are the official names used in TikTok's brand guidelines and design materials.
Can I use TikTok's brand colors in my own designs?
TikTok's colors are trademarked. You can reference the hex codes for inspiration, education, or non-commercial fan projects, but avoid commercial use that could cause brand confusion.
Related Brand Palettes
A friendly Blue (#1877F2) headlines, joined by an older Dark Blue (#4267B2) and neutral White and Black. Medium blues rank among the most widely used hues for signalling approachability online.
Instagram's colors form a warm gradient sweep — Purple (#833AB4) into Magenta (#C13584), Pink (#E4405F) and Orange (#FCAF45). Blending adjacent warm hues this way produces a lively, expressive feel.
Twitter (X)
Two eras coexist in this set: the classic Blue (#1DA1F2) and the newer near-black tones, Black (#000000) and a very dark Dark Black (#14171A), with White. The jump from a bright accent blue to stark monochrome captures the shift from playful to austere. Many designers still reference the original blue hex #1DA1F2.
YouTube
A dominant Red (#FF0000) plays off White and a Dark Gray (#282828), with a deeper Dark Red (#CC0000) in support. Strong reds are attention-grabbing by nature, and setting them on dark gray keeps the interface legible.
LinkedIn moves between a current Blue (#0A66C2) and its Classic Blue (#0077B5), rounded out with White and Black. The measured, mid-tone blues lend a professional, buttoned-up character.
Snapchat
Few palettes lean this hard on one hue: a bright Snapchat Yellow (#FFFC00) and a near-identical Yellow (#FFF200), offset only by Black and White. Pure yellow is highly visible and upbeat, giving the whole set a playful character.