基础色系规范
- 主色：
#2A9D8F（青绿色）用于品牌标识与核心按钮 - 辅助色：
#E9C46A（琥珀色）适用于强调状态与提示信息 - 背景色：
#FFFFFF（纯白）与#F5F7FA（浅灰）组合使用提升可读性
应用场景示例
| 场景类型 | 推荐配色 | 说明 |
|---|---|---|
| 数据看板 | 主色+深蓝 | 通过对比色突出关键指标 |
| 表单组件 | 辅助色+浅灰 | 提示信息使用暖色系 |
| 错误提示 | 红色+黑色 | #D63031 作为错误色，建议搭配 /docs/developer/design/guidelines/icons 中的警示图标 |
配色工具推荐
- Adobe Color CC - 在线配色生成器（可直接跳转）
- Coolors - 快速创建专业配色方案
- 本站在
/tools/color-generator提供的配色实验工具，支持实时预览
设计原则
- 对比度：文字与背景色对比度需 ≥ 4.5:1（可参考
/docs/developer/design/guidelines/accessibility） - 一致性：避免使用超过5种主色，保持视觉统一性
- 情感表达：
✅ 蓝色传递信任感
✅ 橙色激发活力
❌ 红色慎用于主要交互按钮（建议仅用于危险操作）