Design system

Colour palette

The Balanced colour palette is used to establish hierarchy and affordance within the interface. Balanced turquoise is the primary brand accent. Balanced turquoise should be used for all actions within the interface.

When using colour for typography, body and paragraph text should be set in Balanced light grey. Headers should be set in white. Links should all be set in Balanced turqoise. Balanced red is reserved for error text and component accents such as the outline on a text field indicating an error.