Color is used to convey meaning and intent, to define structure within an interface and to evoke brand identity.
The primary palette comprises of Mariner (blue), White and Martinique (neutral).
Martinique provides the stem for the neutral palette. Mariner is used heavily in support of UI elements and provides a stem from which brand navy can be found.
The secondary palette provides additional colors that can be used in UI applications to convey meaning.
Neutrals provide a wide range of tints for use in constructing UI; typography, borders and color blocking.
Tints are available for primary and secondary colors to give flexibility to illustration and provide clear graduations in brightness for UI interaction states.