Brand colours

Our brand colours, how they're used on the website and the accessibililty considerations of using colour.

Primary colours

  • Black

    #000000
    Text, footer

  • Blue

    #07a
    Links

  • Blue on hover

    #0497d6
    Links, buttons

Secondary colours

  • Yellow

    #ffd83e
    Buttons, blocks

  • Light green

    #afca0a
    Buttons, blocks

  • Cyan

    #5bc5f2
    Buttons, blocks

  • Grey

    #474747
    Breadcrumb

  • Light grey

    #b2b2b2
    Borders

Section colours

We use different Oranga Tamariki colours for each section.

  • Dark blue

    #005ca9
    Support for families, Children in our care

  • Teal

    #3c9ba0
    Working with children

  • Violet

    #005ca9
    Caregiving

  • Black

    #000000
    Youth justice

  • Dark green

    #349137
    Adoption

  • Orange

    #d0490c
    About us

Accessibility

Contrast

All colour use on the Oranga Tamariki website 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 Oranga Tamariki website 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 the usability and design of the site, and is not relied on to communicate meaning. Links are underlined or displayed in panels or as buttons to specify that they are links - colour is not the only indicator.

Published: February 25, 2022