Overview

Overview

Our approach to applying colour was inspired by the research and designs from the Digital Transformation Agency’s (DTA) colour guidance. In our Design System our colours are divided into brand colours, neutral colours, syntax colours and status colours. Our colour system has been specifically designed to accommodate both light and dark themes as well as multiple custom brand colours.

Brand colours

As defined by the Queensland Government Brand Book, the primary colour is blue. For the design system, we’ve generated monochromatic tints and shades of the primary blue that are effective and accessible on digital interfaces.

Variations to the approved colours are not allowed without permission from Department of the Premier and Cabinet. Speak with your Brand Book coordinator for advice.

The design  system has been created with the flexibility to adopt other colour themes.

Neutral colours

These are colours that exist outside those which the user can customise but may be used by designers when necessary.

Other brand colours

Maroon is Queensland’s state colour. This colour is only used for ministerial or parliamentary purposes. Although it doesn't feature as part of default master colour palette it's included as a class that designers can use to ensure brand consistency on websites where maroon is required.

Status colours

Status colours are reserved colours, these are defaults used across all sites in the Queensland Government Network.

Syntax colours

These are colours used for code examples. Only edit these if you intend to use code examples on your site.