Color

Our colour principles

We have a set of principles to help you use colour in your products more effectively.

Communication is key

Although we value an aesthetically pleasing use of colour, we place a higher value on clear communication. Colour supports the purpose of the content, communicating things like hierarchy of information, interactive states, and the difference between distinct elements.

Colours have meaning

Colours have assigned roles in the Windmolen design system. They're used to convey a specific meaning or function within our products' interfaces. Defined colour roles makes things easy to modify and customise later. They also extend the colour system so it works across any touchpoint.