Tints of each colour can also be used. You should use use either 70%, 40% or 10% tints of the colours. Tints are created by adding white rather than using transparency.
Guide
Colours
Brand colours should be used across all products to build familiarity and recognition.
Core colours
Trio of teals
Government Project Delivery uses a trio of teal colours. These should be used for journey line.



Accessible teal

Background
Base background colour

Alternate background colour

Dark background colour

Informational background colour (or/and for notes)

Pale alternate background colour

Text
Base text colour

Link text colour

Alternate text colour (for dark backgrounds)

Secondary text colour (for hint and placeholder text)

Borders
Default border colour

Input border colour

Alternate border colour

Interaction colours
Buttons
Default button background colour

Alternate button background colour

Light button background colour

Focus
Default focus colour

Focus text colour

Link interactivity
Link hover colour

Link visited colour

Link active colour

Status-based colours
Default success colour

Default error colour

Interactivity error colour

Consultation or feedback colour

In development colour

In progress colour

Not started colour
