Bilibili 哔哩哔哩 Color Palette

Select any value to copy it.

• Bilibili Pink

  Primary

  #FB7299rgb(251, 114, 153)hsl(343, 94%, 72%)

  Closest in ArchiveGarnet Silk Bright
  Closest in Archive: Garnet Silk Bright

• Bilibili Blue

  Secondary

  #00A1D6rgb(0, 161, 214)hsl(195, 100%, 42%)

  Closest in ArchiveAzure Radiant Clear
  Closest in Archive: Azure Radiant Clear

• 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.

• Bilibili PinkAaon white2.64:1Not for textBilibili Pink: Open in contrast checkerAaon black7.97:1AABilibili Pink: Open in contrast checker
• Bilibili BlueAaon white2.97:1Not for textBilibili Blue: Open in contrast checkerAaon black7.07:1AABilibili Blue: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

Bilibili's #FB7299 pink is closely tied to the platform's anime-comics-games (ACG) community. The pink is calibrated warm enough to feel community-friendly without skewing girly — the company's positioning has always been gender-neutral despite the hue's historical associations. The supporting #00A1D6 cyan-blue is the secondary action color, used for buttons and links.

Copy as code

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

:root {
  --bilibili-pink: #fb7299;
  --bilibili-blue: #00a1d6;
  --bilibili-white: #ffffff;
}

@theme {
  --color-bilibili-pink: #fb7299;
  --color-bilibili-blue: #00a1d6;
  --color-bilibili-white: #ffffff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "bilibili-pink": "#fb7299",
        "bilibili-blue": "#00a1d6",
        "bilibili-white": "#ffffff",
      },
    },
  },
};

Source: https://www.bilibili.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 Bilibili 哔哩哔哩 name and any associated marks belong to their owner. Request removal via support.

More from China Internet