Chinese Color AtlasProduct UI
5 COLORS · SaaS · Dashboard · Product UI
DESIGN PALETTE · EXPORT READY
DESIGN PALETTE · EXPORT READY
SaaS Dashboard
数据看板
For modern dashboards and data products — cyan-blue information hierarchy with cinnabar reserved for alerts and actions
SaaSDashboardProduct UIWeb UI
EXPORT VALUES
Recommended ratio
60 / 25 / 10 / 5
Use the primary and light colors for most surfaces, reserve the accent for conversion points, and keep dark colors for typography or depth.
Use it for
- +Hero sections, package covers, social cards, and campaign key visuals.
- +Design systems that need a culturally specific but still usable palette.
- +AI image prompts, Figma variables, CSS tokens, and brand moodboards.
Avoid
- —Using all five colors at equal weight; the result will feel noisy.
- —Putting low-contrast color pairs directly on text-heavy UI.
- —Treating the palette as historical proof; it is a design template, not a scholarly claim.
COLORS IN THIS PALETTE
RELATED PALETTES