TikTok Color Palette

Select any value to copy it.

• TikTok Black

  Primary

  #000000rgb(0, 0, 0)hsl(0, 0%, 0%)

  Closest in ArchiveTrue Gray Ink
  Closest in Archive: True Gray Ink

• TikTok Cyan

  Accent

  #25F4EErgb(37, 244, 238)hsl(178, 90%, 55%)

  Closest in ArchiveAqua Radiant Pure
  Closest in Archive: Aqua Radiant Pure

• TikTok Red

  Accent

  #FE2C55rgb(254, 44, 85)hsl(348, 99%, 58%)

  Closest in ArchiveMerlot Tone Pure
  Closest in Archive: Merlot Tone Pure

• White

  Neutral

  #FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

  Closest in ArchiveWarm Gray Veil
  Closest in Archive: Warm Gray Veil

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• TikTok BlackAaon white21.00:1AATikTok Black: Open in contrast checkerAaon black1.00:1Not for textTikTok Black: Open in contrast checker
• TikTok CyanAaon white1.38:1Not for textTikTok Cyan: Open in contrast checkerAaon black15.25:1AATikTok Cyan: Open in contrast checker
• TikTok RedAaon white3.68:1Large text onlyTikTok Red: Open in contrast checkerAaon black5.71:1AATikTok Red: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

TikTok's logo embeds optical chromatic aberration: a cyan and a magenta ghost offset around a white musical note on black. The two accent hues — #25F4EE cyan and #FE2C55 red-magenta — appear across the product as motion accents and call-to-action highlights.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --tiktok-black: #000000;
  --tiktok-cyan: #25f4ee;
  --tiktok-red: #fe2c55;
  --tiktok-white: #ffffff;
}

@theme {
  --color-tiktok-black: #000000;
  --color-tiktok-cyan: #25f4ee;
  --color-tiktok-red: #fe2c55;
  --color-tiktok-white: #ffffff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "tiktok-black": "#000000",
        "tiktok-cyan": "#25f4ee",
        "tiktok-red": "#fe2c55",
        "tiktok-white": "#ffffff",
      },
    },
  },
};

Source: https://www.tiktok.com/brand · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the TikTok name and any associated marks belong to their owner. Request removal via support.

More from Social Platforms