优秀的设计并不需要一系列复杂的颜色，相反，相对简单的配色更容易将设计感体现出来。在我们的项目中，大部分设计只包括四种颜色甚至更少。我们把选择的颜色归类以下几种。

主要色：最常用的品牌、超级链接和主要背景色，包括按钮。

次要色：经常用来表示交互元素，例如超链接的hover（鼠标悬浮）颜色和点击按钮时的背景色。

中性色：按钮的背景、复选框、表格条纹和其他元素。我们经常在边框和其他水平线上使用深色或浅色的中性颜色。

强调色：强颜色很少使用， 它经常用于与主要色的对比，如报错和警告的背景色，以及边框颜色。

在国王学院医院的项目中，使用的主要颜色就来源于它现有品牌的颜色，这同时也能够反过来影响NHS的品牌设计规范。

再次强调，依靠Web设计风格指南，就可以恰到好处地选择这些颜色。它给参与项目的设计师和开发人员提供了一个参考，并可以帮助客户向公司的其他同事解释为何选择某种颜色。

Adobe Color CC（color.adobe.com）是一款非常有用的工具，可以用来创建调色板。在国王学院医院项目中，我们用它来定义次要色和强调色，然后在调色板中添加了两种中性颜色，而不是一种。