ToolkitBook

Traditional Chinese Colors Hex Palette Lookup Tool

Browse over 150 traditional Chinese color swatches with hex codes, pinyin, Chinese characters, and English translations. Filter by 11 color families, search by name or hex value, and click any swatch to copy its hex code.

  • 150+ named colors with pinyin, Chinese characters, English translations, and hex codes
  • Filter by 11 color families: red, pink, orange, yellow, green, blue, purple, brown, white, gray, black
  • Search by pinyin, Chinese characters, English name, or hex code
  • Click any swatch to copy the hex code to your clipboard
  • Runs in the browser with no external API calls
Loading...

Five Elements (Wu Xing) Color Reference

Element Chinese Color Family Representative Colors Hex Range Cultural Meaning
Fire (火) huǒ Red Cinnabar (#FF461F), Chinese Red (#FF2121), Crimson (#C32136) #8C0000–#FF461F Luck, prosperity, celebration, joy
Earth (土) Yellow Bright Yellow (#F2CE2B), Gold (#EACD64), Amber (#CA6924) #BC8F00–#FFF143 Royalty, power, emperor's color
Wood (木) Green/Blue-Green Jade Green (#1BD1A5), Bean Green (#9ED048), Bamboo Green (#789262) #426666–#9ED900 Vitality, growth, nature, renewal
Metal (金) jīn White Moon White (#D6ECF0), Pearl (#F5F0E6), Snow White (#F0FCFF) #E0F0E9–#FFFBF0 Purity, righteousness, mourning
Water (水) shuǐ Black Crow Black (#0F0F0F), Ink Black (#50616D), Charcoal (#242424) #0B0B0B–#50616D Wisdom, depth, mystery, authority

How to Use This Color Reference

  1. Browse or filter: Open the full collection, click a category tab for one of 11 color families, or search by pinyin (e.g., "hong"), Chinese characters (e.g., "红"), English name (e.g., "vermilion"), or hex code (e.g., "#FF4C00").
  2. View details: Each card shows the pinyin pronunciation, Chinese characters, English translation, and hex code.
  3. Copy a hex code: Click any color swatch to copy its hex code to your clipboard. Paste it into CSS, Figma, Photoshop, or another design tool that accepts hex values.
  4. Explore color meanings: Many color names reflect a natural pigment source or cultural meaning. Names such as Cinnabar (from mercury sulfide ore), Gamboge (from tree sap), and Indigo (from plant leaves) point to material origins in Chinese artistic tradition.

Practical Applications

Web and UI design: Use these hex codes in CSS, Figma, or another design tool that accepts hex values. For Chinese-inspired interfaces, pair Moon White (#D6ECF0) backgrounds with Cinnabar (#FF461F) accents. The muted, earthy tones across the red, brown, and yellow families fit classical Chinese aesthetics.

Branding and packaging: Traditional Chinese colors add cultural context to product packaging, restaurant menus, and event materials. Use red-family tones like Vermilion (#FF4C00) and Chinese Red (#FF2121) for festive branding, or pair Gold (#EACD64) with Rosewood (#4C221B) for heritage-style packaging.

Art and illustration: Reference historical palettes for digital paintings, calligraphy projects, or textile patterns rooted in Chinese artistic traditions.

Education and cultural learning: Use the collection to explore the Five Elements (Wu Xing) color system and traditional color vocabulary. Color names show natural pigment origins, from cinnabar and indigo to gamboge and orpiment, which makes the collection useful for art history, cultural studies, and language lessons.

Fashion and textile design: Reference traditional Chinese dye colors for textile design, cosplay costumes, and fashion collections inspired by historical Chinese garments. The green and blue families fit Song dynasty-inspired palettes, while the red and gold families suit Tang dynasty aesthetics.

FAQ

Q. What are traditional Chinese colors?

Traditional Chinese colors are historically significant hues used in Chinese art, textiles, architecture, and ceremony for more than 3,000 years. Many names come from natural pigments, including cinnabar reds, indigo blues, and gamboge yellows. The Five Elements (Wu Xing) framework links red with fire, yellow with earth, blue-green with wood, white with metal, and black with water.

Q. How do I copy a hex code from this page?

Click any color swatch to copy its hex code to your clipboard. You can then paste it into CSS, Figma, Photoshop, Canva, or another design app that accepts hex values. A confirmation message appears at the bottom of the screen with the copied hex value.

Q. Can I search colors by pinyin, Chinese characters, English name, or hex value?

Yes. Search accepts all four input types. Type a pinyin name like "hong," Chinese characters like "红," an English name like "vermilion," or a hex code like "#FF4C00" to filter the collection. Combine search with category tabs to narrow the results.

Q. How many traditional Chinese colors are included?

This collection contains over 150 named colors organized into 11 color families: red, pink, orange, yellow, green, blue, purple, brown, white, gray, and black. Each entry includes the pinyin pronunciation, Chinese characters, English translation, and hex code.

Q. What do the five elements colors mean in Chinese culture?

The Five Elements (Wu Xing) system assigns a color to each element: red for fire (symbolizing luck and celebration), yellow for earth (symbolizing royalty and power), blue-green for wood (symbolizing growth and vitality), white for metal (symbolizing purity), and black for water (symbolizing wisdom and depth). This framework has shaped Chinese color symbolism since the Zhou dynasty (c. 1046–256 BCE).

About Traditional Chinese Colors

This collection includes over 150 historically significant hues used in Chinese art, textiles, and architecture for millennia. Many names come from natural pigment sources: cinnabar for reds, indigo leaves for blues, and gamboge tree sap for yellows. The system is rooted in the Five Elements (Wu Xing) theory, which associates five primary colors with natural forces: red (fire), yellow (earth), blue-green (wood), white (metal), and black (water).

Browse the full palette, filter by one of 11 color families, or search by pinyin, Chinese characters, English name, or hex value. Click any swatch to copy its hex code for use in CSS, Figma, Photoshop, or any design tool that accepts hex values. The color data loads in the browser — filtering does not call an external API and no account is required. The collection draws from historically documented color names recorded in Chinese art, textile, and architectural references from the Shang dynasty (c. 1600 BCE) through the Qing dynasty (1644–1912). Use it for web design, branding, illustration, or cultural study when you need named colors with cultural context in English.

Historical Origins

Names from these eras remain in common use today, preserving both the visual shade and the raw material historically used to produce them.

Chinese Color Meanings and Symbolism

Color Family Element Cultural Meaning Key Colors
Red Fire (火) Luck, prosperity, celebration, joy, loyalty Cinnabar (#FF461F), Chinese Red (#FF2121), Vermilion (#FF4C00)
Yellow Earth (土) Royalty, power, emperor's exclusive color, prosperity Bright Yellow (#F2CE2B), Gold (#EACD64), Amber (#CA6924)
Green / Blue-Green Wood (木) Growth, vitality, nature, harmony, renewal Jade Green (#1BD1A5), Bamboo Green (#789262), Bean Green (#9ED048)
White Metal (金) Purity, righteousness, mourning (in traditional contexts) Moon White (#D6ECF0), Ivory (#FFFBF0), Pearl (#F5F0E6)
Black Water (水) Wisdom, depth, mystery, authority, knowledge Ink Black (#50616D), Crow Black (#0F0F0F), Charcoal (#242424)

The Five Elements system (Wu Xing / 五行) has shaped Chinese color usage in art, architecture, clothing, and ceremony for over 3,000 years. It remains influential in modern Chinese design, feng shui, and cultural celebrations.

Popular Chinese Color Combinations

Palette Name Colors Best For
Chinese New Year Chinese Red (#FF2121) + Bright Yellow (#F2CE2B) + Gold (#EACD64) Festival branding, holiday cards, event materials
Imperial Court Gold (#EACD64) + Rosewood (#4C221B) + Vermilion (#FF4C00) Luxury branding, heritage packaging, product labels
Ink Wash Painting Ink Black (#50616D) + Moon White (#D6ECF0) + Bamboo Green (#789262) Minimalist design, editorial layouts, art exhibitions
Tang Dynasty Silk Scarlet (#C83C23) + Gamboge (#FFB61E) + Ultramarine (#4C8DAE) Textile design, fashion collections, vibrant illustrations
Song Dynasty Ceramic Cyan Jade (#48C0A3) + Moon White (#D6ECF0) + Smoke (#575B60) Product design, tableware branding, subtle UI themes

Tips and Notes

Related Design Tools