Colour
We built-in SASS colour variables to ensure a consistent application of colour across the SWE. Defining custom colours should be minimal and only done when appropriate to meet user and business needs.
By default the colours in the SWE meet level AA of the Web Content Accessibility Guidelines (WCAG) 2.0.
On this page
Brand
The Queensland Government colour palette is primarily blue and green.
Blue
#005E85
$qg-global-primary
Dark blue
#063652
$qg-global-primary-dark
Green
Light green
#9AC02C
$qg-light-green
Text
For headings, body text, muted text, and links.
Text
#212529
$qg-dark-grey-darker
Text muted
#585e62
$qg-dark-grey
Text light
#EFF2F4
$qg-global-primary-light
Links
#13578b
$qg-blue-dark
Links:visited
#8800BB
Alerts
These colours are reserved specifically for use in the alert component.
Info
#1E77AA
$brand-info
Success
#9EBF6D
$brand-success
Warning
#F9AF71
$brand-warning
Critical
#B90824
$brand-danger