We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
If this tool helped you, you can buy us a coffee ☕
Explore over 500 traditional Chinese color names, hex codes, and color schemes for design, home decor, and social media content.
Showing 46 of 46 colors
Traditional Chinese colors encompass over 500 documented hues, tracing back to "Chi" (red) on Shang dynasty oracle bones and "Shiqing" (stone blue) in Qing dynasty palaces. Each color is assigned a precise HEX and RGB value. These names are far from arbitrary—they mostly derive from minerals, plants, ceramics, textiles, architectural painting, and ancient poetry. For example, "Yanzhi" (rouge) comes from cosmetics made from safflower, "Qingdai" (indigo) is extracted from the indigo plant, and "Zheshi" (ochre) is a natural iron oxide mineral.
Our palette organizes these colors with their names, values, and cultural origins. Open the tool and you'll see a color list grouped by color family. Each color is displayed as a card showing the color name and its hexadecimal code. You can browse freely or use the search box to quickly locate a specific color.
The core logic of the color system comes from the "Five Colors"—Qing (blue-green), Chi (red), Huang (yellow), Bai (white), Hei (black)—which correspond to the five elements of wood, fire, earth, metal, and water. Beyond the five primary colors, there are secondary colors (such as green, purple, and pink) and many derivative shades, forming a layered color spectrum. The "Rites of Zhou - Kaogong Ji (The Artificers' Record)" already records "painting and decoration involve mixing the five colors," indicating that this system was largely established by the pre-Qin period.
In our tool, each color has three core identifiers:
Colors are categorized into families: Red, Orange, Yellow, Green, Cyan, Blue, Purple, Brown, Gray, White, Black, etc. Each family is further divided by shade and saturation. For example, the "Red" family includes dozens of shades such as Zhusha (cinnabar), Yanzhi, Jiangzi (dark reddish purple), and Qianse (madder), covering the spectrum from intense "Zhu Hong" (#FF4C00) to soft "Ouhe" (#EDD1D8).
Quick reference table: Below are a few common traditional Chinese colors and their values. You can find them directly by searching the name in the tool:
| Color Name | HEX | RGB | Color Family |
|---|---|---|---|
| Yanzhi | #E60012 | 230, 0, 18 | Red |
| Yuebai | #D6ECF0 | 214, 236, 240 | Blue |
| Yaqing | #424C50 | 66, 76, 80 | Cyan |
| Ehuang | #FFF143 | 255, 241, 67 | Yellow |
| Dailan | #426666 | 66, 102, 102 | Blue |
| Ouhe | #EDD1D8 | 237, 209, 216 | Purple |
| Zheshi | #9C5333 | 156, 83, 51 | Brown |
| Songhua Green | #057748 | 5, 119, 72 | Green |
When you open the tool page, you'll see a grid of color cards, each showing a color swatch and its name. Here's how to get started:
Step 1: Browse Colors—Simply scroll down the page. Color cards are arranged by color family. Red comes first, followed by Orange, Yellow, Green, Cyan, Blue, Purple, etc. The color block at the top of each card is a live preview, with the color name displayed below.
Step 2: Search for a Specific Color—If you know the color name, type it into the search box at the top of the page, e.g., "Yanzhi" or "Yuebai". The tool instantly filters the matching cards and hides the rest.
Step 3: View Color Values—Click any color card to expand a detail panel on the right or below, showing the HEX, RGB, and CMYK reference values. Click the copy button next to any value to save it to your clipboard.
Step 4: Filter by Color Family—Use the category tabs above the grid (e.g., "Red", "Blue") to display only colors from that family, making it easy to compare shades within the same tone.
Step 5: Save Color Schemes—When you find a color you like, click the heart icon on the card to save it. All saved colors appear in the "My Palette" panel on the right, where you can review your selections and check how they harmonize together.
Let's walk through a real-world case. Imagine you want to choose wall colors and curtain accents for a 15-square-meter bedroom, aiming for a warm, calm style with a subtle Chinese touch.
Step 1: Decide on a main color—Click the "Brown" family tab and browse the cards. You'll see "Zheshi" (#9C5333) and "Tuose" (#C69C6D). Zheshi is darker and suitable for accents; Tuose is lighter and works well for large areas. Pick Tuose as the main wall color and copy its HEX value #C69C6D.
Step 2: Choose a curtain color—Switch to the "Green" family and find "Songhua Green" (#057748). This deep green creates a cool-warm contrast with the Tuose walls, feeling stable without being dull. Copy the value.
Step 3: Add an accent color—Search for "Ehuang" and find #FFF143. This bright yellow works well for small items like cushions or decorative frames, adding a touch of energy.
Step 4: Check color harmony—Open "My Palette" to review the three saved colors: Tuose, Songhua Green, and Ehuang. Tuose as the background covers about 60%, Songhua Green as the secondary color about 30%, and Ehuang as the accent about 10%, which follows the classic 6:3:1 ratio. You can share these values directly with your decorator or designer, who can mix paints precisely to match the codes.
Case 1: A Cool-Toned Study—Search for "Yaqing" to get #424C50, a grayish dark cyan suitable for study walls, creating a quiet, focused atmosphere. Pair it with "Yuebai" (#D6ECF0) for curtains or bookshelf back panels to form a light-dark contrast that keeps the space from feeling oppressive. This low-contrast scheme is ideal for environments requiring long periods of reading and work.
Case 2: A Warm Dining Room (Extreme Value Contrast)—If the previous case was cool and dark, let's try a high-saturation warm palette. Find "Zhusha" (#FF4C00) in the "Red" family—an intensely saturated red-orange with strong visual impact. Using it on a large scale might be overwhelming, but applied to one accent wall in a dining room, paired with "Ouhe" (#EDD1D8) on the other walls, it creates a cozy, appetite-stimulating atmosphere. Note: Zhusha's red channel reaches the display maximum of 255, so the actual printed or painted color may appear slightly darker than on screen; always request a physical sample for confirmation.
Scenario 1: Home Decor Color Selection and Communication—When choosing paint, tiles, or curtains, homeowners often struggle with colors looking different in real life than in pictures. Every color in our tool comes with precise HEX and RGB values. You can send these values directly to contractors or paint suppliers so they can mix colors accurately, reducing color mismatch disputes. For example, saying "I want Yuebai" might be interpreted as either bluish or grayish, but adding the value #D6ECF0 eliminates ambiguity.
Scenario 2: Social Media Content Color Schemes—Content creators making cover images, infographics, or video captions need a distinctive palette. Using traditional Chinese colors gives your content a unique, culturally recognizable look. For instance, a history-themed account could use "Zheshi" (#9C5333) for titles, "Ehuang" (#FFF143) for highlights, and "Dailan" (#426666) for backgrounds—a classical yet modern combination.
Scenario 3: PPT and Presentation Design—Students and office workers can pick colors directly from this tool for presentations. Choose "Dianlan" (#065279) from the "Blue" family for headings and "Mohui" (#758A99) from the "Gray" family for body text. The result is a stable, professional look that stands out more than default Office color schemes.
Misuse 1: Using HEX Values Directly for Paint Mixing—HEX values are designed for screen display. The way paint pigments render color is different. The same HEX may look different on a screen versus on a physical wall. The correct approach is to send the value to your paint supplier, have them match the closest color in their mixing system, and always test a sample swatch first, letting it dry before confirming.
Misuse 2: Ignoring Material Effects on Color—The same color value applied to a matte wall, glossy tile, or cotton-linen fabric will look completely different. Matte surfaces make colors appear darker and softer, while glossy surfaces make them more vivid and bright. Always consider the surface characteristics of the material, not just the on-screen color card.
Misuse 3: Comparing Colors Across Different Devices—Phone screens and computer monitors have different color gamuts and calibration. The same color card may look noticeably different on an iPhone versus a standard laptop. For important decisions, view colors on a well-calibrated monitor, or use color values as your communication reference instead of screenshots.
Misuse 4: Judging Colors by Name Alone—"Yuebai" is not white; it's a bluish light gray. "Yaqing" is not a typical cyan; it's a dark grayish cyan close to black. Traditional color names carry specific cultural contexts, and the actual hue can differ greatly from what the name suggests. Always click the card to see the actual color swatch instead of relying on the name alone.
Tool Limitations—The color values provided by this tool are based on the standard RGB color space. Actual appearance will vary across different display devices, materials, and lighting conditions. The correspondence between color names and values is drawn from multiple authoritative sources and modern color research, but the exact values of some ancient color names are subject to academic debate. The values given represent widely accepted references, not absolute standards. For printing, use CMYK values; the tool provides CMYK references, but final printed results should be confirmed with a physical proof.
Why do colors look different on my phone and computer?—Different screen panels and color calibrations cause the same RGB values to display differently. iPhones generally have more accurate colors, while budget Android phones or low-end laptop screens may show larger deviations. If color accuracy is critical, use a well-calibrated monitor, or rely on color values rather than screen captures.
Is there an authoritative standard for traditional colors?—Some traditional colors have national standards, such as GB/T 15608-2006 "Chinese Color System", which specifies chromaticity values for a subset of colors. However, many ancient color names (e.g., "Tianshui Bi", "Liuhuang") lack a single authoritative value, and interpretations vary among scholars and designers. Our tool synthesizes multiple authoritative sources and modern color studies to provide generally accepted references.
Can I use these colors commercially?—Colors themselves are not protected by copyright, so you are free to use the color names and values found in the tool for commercial design, product development, branding, etc. Note, however, that if a color name has been trademarked in a specific product category (e.g., "Tiffany Blue"), you cannot use it as a color name for similar goods. Traditional Chinese color names are part of the public cultural heritage and typically free of trademark restrictions.
How can I use traditional Chinese colors in modern design?—A practical approach is "ancient colors, modern application": take the traditional color values but apply them using modern design principles. For example, use "Yanzhi" (#E60012) as a brand primary color paired with a neutral gray (#666666) as a secondary color—this delivers the recognition of Chinese red without feeling overly traditional. Our "My Palette" feature helps you visually compare how different colors work together.
Where do the color names come from?—Traditional Chinese color names have diverse origins, mainly falling into a few categories: minerals (e.g., Zheshi, Shiqing), plants (e.g., Qiancao, Dianlan), animals (e.g., Yaqing, Yudubai), artifacts (e.g., Tonglü, Tiexiuhong), and literary imagery (e.g., Muyunhui, Qiushuilan). Each name has a specific historical or craft origin. Click the "details" link next to any color name in the tool to learn more about its story.
Now you can try your own color combinations in the tool above—search for a traditional color name you remember, or browse by color family, save your favorites to the palette, and see how they look together.

Pixel to Centimeter Converter
Input pixel values and PPI to instantly convert to corresponding physical length in centimeters, also supports reverse conversion from centimeters to pixels, suitable for graphic design, UI slicing, and print layout.

PX to PT Converter
A pixel (PX) to point (PT) unit conversion tool for designers and developers. Supports custom PPI for typography and layout adaptation.

PX to REM Converter
A bidirectional PX to REM converter for front-end developers and designers, featuring customizable root font sizes.

Pixel to Millimeter Converter
Convert between pixels and millimeters based on PPI density. Supports custom density values, ideal for UI design and print layout.

Pixel to Centimeter Converter
Input pixel values and PPI to instantly convert to corresponding physical length in centimeters, also supports reverse conversion from centimeters to pixels, suitable for graphic design, UI slicing, and print layout.

PX to PT Converter
A pixel (PX) to point (PT) unit conversion tool for designers and developers. Supports custom PPI for typography and layout adaptation.

PX to REM Converter
A bidirectional PX to REM converter for front-end developers and designers, featuring customizable root font sizes.

Pixel to Millimeter Converter
Convert between pixels and millimeters based on PPI density. Supports custom density values, ideal for UI design and print layout.

Random Color Generator
Provides controllable random color generation for designers and developers, supporting multiple formats and hue filtering.