China Internet
WeChat 微信 Color Palette
WeChat Green — Tencent's messaging app, in one hue.
The palette
Select any value to copy it.
- Closest in Archive: Celadon Velvet BrightClosest in ArchiveCeladon Velvet Bright
WeChat Green
Primary - Closest in Archive: Warm Gray VeilClosest in ArchiveWarm Gray Veil
WeChat White
Neutral - Closest in Archive: True Gray InkClosest in ArchiveTrue Gray Ink
WeChat Black
Neutral
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.
- WeChat Greenon white2.38:1Not for textWeChat Green: Open in contrast checkeron black8.81:1AAWeChat Green: Open in contrast checker
- WeChat Whiteon white1.00:1Not for textWeChat White: Open in contrast checkeron black21.00:1AAWeChat White: Open in contrast checker
- WeChat Blackon white17.76:1AAWeChat Black: Open in contrast checkeron black1.18:1Not for textWeChat Black: Open in contrast checker
About this palette
WeChat's #07C160 green is what over a billion users see daily as the app icon, the chat bubble, and the QR code button. Tencent's design team revised the green in 2020 for OLED legibility while keeping the same emotional weight.
Copy as code
Every token name carries the brand, so two brands can share one stylesheet.
CSS variables
:root {
--wechat-green: #07c160;
--wechat-white: #ffffff;
--wechat-black: #181818;
}Tailwind v4 (@theme)
@theme {
--color-wechat-green: #07c160;
--color-wechat-white: #ffffff;
--color-wechat-black: #181818;
}Tailwind v3 (tailwind.config.js)
module.exports = {
theme: {
extend: {
colors: {
"wechat-green": "#07c160",
"wechat-white": "#ffffff",
"wechat-black": "#181818",
},
},
},
};Source: https://wechat.com/en/ · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the WeChat 微信 name and any associated marks belong to their owner. Request removal via support.