Douyin 抖音 Color Palette

Select any value to copy it.

• Douyin Black

  Primary

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

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

• Cyan

  Accent

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

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

• Red Magenta

  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.

• Douyin BlackAaon white21.00:1AADouyin Black: Open in contrast checkerAaon black1.00:1Not for textDouyin Black: Open in contrast checker
• CyanAaon white1.38:1Not for textCyan: Open in contrast checkerAaon black15.25:1AACyan: Open in contrast checker
• Red MagentaAaon white3.68:1Large text onlyRed Magenta: Open in contrast checkerAaon black5.71:1AARed Magenta: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

Douyin (the China-market sibling of TikTok) shares the same chromatic-aberration aesthetic — cyan and magenta ghosts around a white musical note on black — but the local brand operates as a separate identity, with its own typography and Chinese-language wordmark. The two-accent palette translates well from short-video thumbnails to in-app UI to physical event signage.

Copy as code

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

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

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

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

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

More from China Internet