TikTok
TikTok corporate brand palette. TikTok's identity is a chromatic three-color composition: a black canvas as ground, with the signature TikTok Red (#FE2C55) and TikTok Cyan (#25F4EE) offset to create the iconic chromatic-aberration effect on the music- note "d" mark and wordmark. The brand is dark-first: the consumer app, the wordmark, and most marketing surfaces all live on solid black with red and cyan reading as a paired chromatic accent.
11 swatches 14 light roles 14 dark roles
Swatches
tiktok-red
#FE2C55
Signature warm red — the red-channel anchor of the chromatic mark and a primary brand accent.
tiktok-cyan
#25F4EE
Signature cyan — the cyan-channel anchor of the chromatic mark, offset against the red.
tiktok-red-deep
#D91E45
Authored deeper red used for hover/pressed states on the primary red.
tiktok-cyan-deep
#0BB8B3
Authored deeper cyan used for hover/pressed states on the cyan accent.
tiktok-black
#000000
Canonical canvas — the TikTok consumer surface and wordmark frame is solid black.
tiktok-near-black
#121212
Elevated surface on the dark canvas — feed background, modal headers.
tiktok-charcoal
#1F1F1F
Hovered surface and elevated tiles on the dark mode.
tiktok-white
#FFFFFF
Primary text on the dark canvas; the core "d" mark interior; reversed wordmark fill on light surfaces.
tiktok-fog
#F1F1F2
Authored light-mode canvas; secondary surface for marketing.
tiktok-gray
#86878B
Secondary text and metadata across both modes.
tiktok-gray-light
#BBBBBC
Tertiary text and inactive icons on the dark canvas.
Mode role mappings
Light mode (14 roles)
accent
→ tiktok-cyan accent-hover
→ tiktok-cyan-deep background
→ tiktok-fog error
→ tiktok-red-deep primary
→ tiktok-red primary-hover
→ tiktok-red-deep success
→ tiktok-cyan surface
→ tiktok-white surface-elevated
→ tiktok-white text-primary
→ tiktok-black text-secondary
→ tiktok-gray text-tertiary
→ tiktok-gray-light warning
→ tiktok-red-deep warning-hover
→ tiktok-red Dark mode (14 roles)
accent
→ tiktok-cyan accent-hover
→ tiktok-cyan-deep background
→ tiktok-black error
→ tiktok-red primary
→ tiktok-red primary-hover
→ tiktok-red-deep success
→ tiktok-cyan surface
→ tiktok-near-black surface-elevated
→ tiktok-charcoal text-primary
→ tiktok-white text-secondary
→ tiktok-gray-light text-tertiary
→ tiktok-gray warning
→ tiktok-red warning-hover
→ tiktok-red-deep Provenance
- Source
- https://www.tiktok.com/about/brand-guidelines
- License
Proprietary — All Rights Reserved- Attribution
- TikTok Pte. Ltd. (a ByteDance Ltd. subsidiary) — TikTok, the TikTok wordmark, and the music-note "d" mark are registered trademarks of TikTok Pte. Ltd. The signature red (#FE2C55) and cyan (#25F4EE) are documented across TikTok's brand-guidelines page and verified against the deployed TikTok logomark SVG. The chromatic offset between the red and cyan layers is the defining brand element.
- Imported
-
2026-05-18 - Notes
- TikTok's mark uses a deliberate chromatic-aberration effect: the music-note "d" is composed of overlapping red and cyan layers offset against a white core, producing a glitch-art signature. This atom catalogues the chromatic-anchor swatches; the offset-and-overlay treatment lives in the brand.yaml rules.