色彩和其他视觉元素一样不仅用于传达内容和情绪，也承担着网页层次结构的梳理功能。在手机端网页的色彩设计中往往会根据内容和结构设定主色，标准色和对比色。主色决定了整个系列网页的视觉风格，一般作为底色使用或者使用在每页的一个固定位置上，起到定调的作用。标准色指的是整套移动界面的色彩规范，确定文字、线段、图标等的颜色。对比色通常会用在标题、按钮等地方，起强调和引导的作用。
手机端网页一般是线性架构，由一组网页构成，整套网页色彩的协调性显得尤为重要，常见的色彩搭配方法主要有以下几种。第一种是邻近色配色（色相环上邻近的颜色），这种方法比较常用是因为搭配出来的网页色相比较柔和过渡也非常自然。第二种是同色系配色（色相一致，饱和度不同），主色和对比色都在统一的色相上，给用户一种一致化的感受。第三种是点亮色配色，主色用相对沉稳的颜色，对比色采用一个高亮的颜色，起带动页面气氛，强调重点的作用。第四种是中性色配色，用一些中性的色彩为基调搭配，营造沉稳内敛的气氛。当然，具体的配色方法不限于以上这些，在确保内容、情绪准确传达和信息结构的清晰梳理的基础上还有很多发挥的空间。
