We modify our usual social work practice approach in the context of a measles or whooping cough outbreak to prevent the transmission of the viruses. Measles, whooping cough and immunisation

Page URL: https://practice.orangatamariki.govt.nz/practice-centre-style-and-content-guide/digital-styles/colours/
Printed: 04/12/2024
Printed pages may be out of date. Please check this information is current before using it in your practice.

Last updated: 17/10/2019

Colours

The Practice Centre uses the Oranga Tamariki brand colours listed in the organisation style guide. This page outlines their hexadecimal colour, how they're used on the Practice Centre and the accessibililty considerations of using colour.

Primary colours

$brand-black

#0e1112
Body copy, header, footer

$brand-mid-blue

#005ca9
Home, links, guidance

$brand-violet

#822372
Practice

$brand-green

#76b72a
Services

$brand-yellow

#ffcc00
Policies

Secondary colours

$brand-cyan

#5bc5f2
The Practice Centre description, link underline

$brand-dark-blue

#194282
Link panels

$brand-light-red

#ea5045
Quote detail, feedback

$brand-light-green

#afca0b
Feedback

$brand-dark-grey

#4c5255
Labels

$brand-mid-grey

#7c8286
Internal content badge

$brand-borders

#d7d7d7
Borders

$brand-grey-bg

#f2f2f2
Internal content

$brand-lightest

#f7f7f7
Backgrounds

Accessibility

Contrast

All colour use on the Practice Centre takes into consideration users who have visual impairments and environments that affect their use such as bright sunlight or printing pages. 

All use of colour on the Practice Centre adheres to the WCAG 2.1 Colour contrast criteria as per the New Zealand Government Web Standards.

NZ Government Web Standards

We use the Webaim colour contrast checker to ensure that the contrast between text colour and background meets these requirements.

Webaim colour contrast checker

Meaning and way finding

Colour is used to enhance usability and design and is not relied on to communicate meaning. Links are underlined or in panels so colour is not the only indicator.