Social MediaFounded 2016
TikTok Brand Colors
TikTok's black-and-neon palette creates a high-energy, youthful feel that mirrors the fast-paced, creative content on the platform.
tiktok.com ↗Brand Palette
#010101
#FE2C55
#25F4EE
#FFFFFF
Primary
Accent
Accent
Text
Color Values
TikTok Black
Primary
- HEX
- #010101
- RGB
- rgb(1, 1, 1)
- HSL
- hsl(0, 0%, 0%)
TikTok Red
Accent
- HEX
- #FE2C55
- RGB
- rgb(254, 44, 85)
- HSL
- hsl(348, 99%, 58%)
TikTok Cyan
Accent
- HEX
- #25F4EE
- RGB
- rgb(37, 244, 238)
- HSL
- hsl(178, 90%, 55%)
TikTok White
Text
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- HSL
- hsl(0, 0%, 100%)
Accessibility Analysis
| Color | on White | on Black |
|---|---|---|
TikTok Black | 20.87:1AAA | 1.01:1Fail |
TikTok Red | 3.68:1AA Large | 5.71:1AA |
TikTok Cyan | 1.38:1Fail | 15.25:1AAA |
TikTok White | 1:1Fail | 21:1AAA |
WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.
CSS Implementation
:root {
--tiktok-tiktok-black: #010101;
--tiktok-tiktok-red: #FE2C55;
--tiktok-tiktok-cyan: #25F4EE;
--tiktok-tiktok-white: #FFFFFF;
}
/* Usage example */
.btn-primary {
background-color: var(--tiktok-tiktok-black);
color: #ffffff;
}Similar Color Alternatives
Named colors visually closest to TikTok's primary color — useful for approximations or accessible substitutes.
Design Notes
Color Psychology
TikTok uses a dark palette anchored by TikTok Black (#010101). Social platforms use vibrant, energetic colors to trigger engagement and emotional connection — blue for trust, red/orange for excitement.
Design Principles
- High contrast ratios ensure legibility across all contexts
- Multi-color system allows segmentation across products and sub-brands
- Primary color meets WCAG AA — usable for text and UI components
Explore Individual Colors
Tags
socialvideoyouthvibrant
More Social Media Brand Colors
Frequently Asked Questions
What are TikTok's official brand colors?
TikTok's official brand colors are: TikTok Black (#010101), TikTok Red (#FE2C55), TikTok Cyan (#25F4EE), TikTok White (#FFFFFF).
What is TikTok's primary color hex code?
TikTok's primary brand color is TikTok Black with hex code #010101.
What are the RGB values for TikTok's primary color?
TikTok Black (#010101) has RGB values of rgb(1, 1, 1).
What is the HSL value of TikTok's primary color?
TikTok Black has an HSL value of hsl(0, 0%, 0%).
Is TikTok's primary color WCAG accessible?
TikTok Black (#010101) has a contrast ratio of 20.87:1 on white, which passes WCAG AAA.
What industry is TikTok in?
TikTok operates in the Social Media industry, founded in 2016.