Color 色彩

统一的色彩搭配可以提高品牌的识别度，色彩的运用除了需要考虑品牌的统一性之外，还需要达到信息传递，交互反馈等目的。Taro UI 是凹凸实验室出品，品牌颜色为「凹凸蓝」，因此 Taro UI 的整体配色风格也是基于「凹凸蓝」展开的。

主色

用于标识品牌颜色




Brand Color


#6190E8




辅助色

用于标识状态的按钮等




Green - Positive


#13CE66






Red - Negative


#FF4949






Yellow - Warning


#FFC82C






Blue - Info


#78A4FA




次辅助色

用于不那么重要的信息等




Roof


#C2ABC7






Curtain


#F0D0D5






Door


#F1E4ED






Wall


#EEF0F0




中性色

用于文本、背景和边框




Header 标题


#2C405A






正文字体 - 黑


#3F536E






正文字体 - 灰


#8DABC4






图标


#A8C6DF






边框


#C5D9E8






背景色 - 浅蓝


#ECF5FD






背景色 - 米白


#FAFBFC