@shaogefenhao: Looking for a ready-made color scheme for a Taoist-style website. Then I found this: an open-source repository of traditional Chinese colors https://github.com/nevertoday/zhongguo-traditional-colors… The author is also on X @xiao…
Summary
An open-source repository that includes 742 traditional Chinese color palettes, containing color names, HEX, RGB, CMYK, and color scheme recommendations, along with practical color usage skills for designers to use directly.
View Cached Full Text
Cached at: 06/10/26, 11:58 PM
/xxd-color-brief Create a youthful but sophisticated color direction for a new-style Chinese tea brand, targeting women aged 20–35, avoiding cheap “guochao” (Chinese-chic) feel.
/xxd-palette-builder Using “Moon White” as the anchor, generate a set of primary, secondary, and accent colors for the homepage of a cultural website. The palette should feel quiet, layered, and suitable for long-form reading.
/xxd-palette-applier Apply the traditional color set “Moon White”, “Indigo Blue”, “Deep Purple”, and “Silver Vermilion” to the course cover and the first screen of the detail page, with emphasis on the sign-up button.
/xxd-ui-token Convert this set of traditional Chinese colors into CSS variables for the brand’s official website in both light and dark modes, including variables for buttons, borders, backgrounds, text, and focus states.
/xxd-accessible-color Check whether the body text and button text in #5C2223 on a #F9F4DC background are accessible for web reading, and suggest alternative colors from the same palette.
/xxd-brand-system Establish a traditional color specification for a cultural fragrance brand, covering the official website, packaging, Xiaohongshu covers, and offline exhibitions.
/xxd-data-viz Generate an ECharts‑compatible array of traditional Chinese colors for 7 categories plus one highlight series, with a light background, ensuring the categories are easily distinguishable.
/xxd-existing-design-audit Audit this set of CSS colors, map them to the closest traditional Chinese color names, and advise which ones should be kept or merged.
/xxd-content-series Develop a unified but non‑repeating cover color system for 5 columns on Xiaohongshu, with 3 updates per week, aiming for a traditional yet not outdated look.
/xxd-print-packaging Plan the traditional colors, series variations, and a print proofing checklist for a tea gift box, using matte coated paper with localized hot‑foil stamping.
Similar Articles
@Huanusa: Frontend developers and designers are really going to lose their jobs! Someone made a magic tool http://designmd.me: Just drop a website URL in, extract the complete design system with one click (colors, fonts, components, layout all pulled out), automatically generate a DESIGN.md file! Just drop a website URL in, extract with one click…
Someone created a magic tool designmd.me that lets you extract a complete design system (colors, fonts, components, layout) by simply entering a website URL, automatically generating a DESIGN.md file. Combined with the awesome-design-md repository (already 54k stars), you can quickly replicate the UI of top brands.
@xin_pai88825: A web to design md skill I made earlier, kept forgetting to share with everyone. It's now open-sourced on GitHub. The first and second images show the extraction results, and my friends are all praising it. Usage is very simple: just send a URL to it and let it extract design.mdj for you.
The author shares an open-source tool that converts web pages to design.md. It's easy to use: just send a URL and it will extract the design file.
@yaojingang: In the Open Design GitHub repository, there is a great document: "Anti-AI Flavor Design Guide". The document link is at the end. Some principles summarized as follows: 1. Don't use the purple-blue color that AI loves most; use the brand colors defined by your product. 2. Don't casually create purple-blue gradient hero sections. A truly premium first screen doesn't necessarily rely on gradients; it should be built on clear information, typography, white space, and real product expression. 3. Don't use emojis as functional icons. In a truly productized design, icons should have a unified style, such as linear SVG icons with consistent size, stroke width, and color. 4. Don't misuse fonts. If your product already has its own font specifications, titles, body text, and buttons should follow the design system, rather than directly using default fonts like Inter, Roboto, or system-ui. 5. Don't do that "rounded card with colored left border"; remove at least one of the rounded corners or the left border. 6. Don't fabricate data; if there's a real source, include it; if not, don't write anything. You can use placeholders, but clearly mark them as such. 7. Don't fill pages with placeholder text; blank space itself is a design issue that should be addressed through structure, rhythm, and content priority. 8. Don't make all pages look the same. 9. Don't overuse accent colors and placeholder images. 10. Add a touch of "human judgment" to the design. The author suggests a ratio: 80% mature patterns, 20% unique choices. The biggest problem with AI design is that it looks too templated. It appears complete, with smooth colors and neat components, but it lacks real product scenarios, real user details, and the designer's trade-offs. Document link for "Anti-AI Flavor Design Guide": https://github.com/nexu-io/open-design/blob/main/craft/anti-ai-slop.md...
The "Anti-AI Flavor Design Guide" in the Open Design GitHub repository summarizes 10 principles to avoid AI design styles, emphasizing the use of brand colors, unified icons, real data, etc., aiming to help designers create more human and authentic product-oriented designs.
@JoyLi629: Officially launching the all-new Open Design website — entirely designed using Open Design. The site integrates all Open Design resources, including the full set of 265 visual templates, over 150 Design Systems, and 50+ Open Design...
Open Design officially launches its new website, integrating all resources including 265 visual templates, over 150 Design Systems, and 50+ curated tutorials.
@tuturetom: The templates for html-anything are so popular. Just now, all templates for html-anything have been fully launched on Open Design @nexudotio. Open Design now integrates nearly 400 ready-to-use templates/Skill/design systems...
Open Design is an open-source, local-first design tool that integrates nearly 400 templates/Skill/design systems, supports 16 coding agent CLIs, and serves as an open-source alternative to Claude Design and Figma.