What font does Western Australian Government use?

Western Australian Government’s website uses one typeface: heebo (headings and body text), self-hosted.

What are Western Australian Government’s brand colours?

The main colours on wa.gov.au are Red (#D14210), Dodger Blue (#0094F0), Steel Blue (#007ECC), Cornflower Blue (#5897FB), Light Golden Rod Yellow (#C9E1BD) and Wheat (#F4DAA6).

What colour is Western Australian Government’s text and background?

Body text is #1A1A1A on a #FFFFFF background.

Where is Western Australian Government’s logo from?

The logo shown in this guide was found on wa.gov.au’s homepage. For official logo files and usage rules, check Western Australian Government’s own brand or press page.

Is this Western Australian Government’s official style guide?

No. SiteStyleGuide made it from wa.gov.au’s public web pages on 22 October 2026, and isn’t affiliated with Western Australian Government. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from wa.gov.au’s public web pages. Not affiliated with or endorsed by Western Australian Government. The real site is wa.gov.au ↗

Unofficial style guide

Western Australian Governmentstyle guide

Western Australian Government’s website (wa.gov.au) uses heebo for its headings and body text. Its palette is led by Red (#D14210), Dodger Blue (#0094F0) and Steel Blue (#007ECC), with #1A1A1A text on #FFFFFF. Captured from the live site on 22 October 2026.

Website: wa.gov.au
Typefaces: heebo, Arial
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 22 Oct 2026 · added by @milesb

Save Add to collection Share Report

Screenshot of the wa.gov.au homepage on a desktop screen — Screenshot of wa.gov.au on a 1440 px desktop screen, 22 Oct 2026.

Screenshot of the wa.gov.au homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: Home | Western Australian Government; ● 36 / 60 characters
Meta description: Find and access WA Government online services and information quickly and easily.; ● 81 / 160 characters
Site name: Western Australian Government
Language: en
Theme colour: #ffffff

In search results

Western Australian Governmenthttps://www.wa.gov.au/

Home | Western Australian Government

Find and access WA Government online services and information quickly and easily.

When shared

The image Western Australian Government shares with links

wa.gov.au

Home | Western Australian Government

Find and access WA Government online services and information quickly and easily.

Logo & favicons

Found as: image in the header. SVG, 5125 × 1728.

Logo

On white

On black

On Red

Favicons

8 found

144 px · PNG apple-touch-icon
120 px · PNG apple-touch-icon
114 px · PNG apple-touch-icon
76 px · PNG apple-touch-icon
72 px · PNG apple-touch-icon
60 px · PNG apple-touch-icon
57 px · PNG apple-touch-icon
16 px · ICO icon

Home | Western Australian Government

Light browser tab

Home | Western Australian Government

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#1A1A1A) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 34.7%
Near Black 18.9%
Cool Near Black 15%
Red 14.8%
Light Grey 9.7%
Dodger Blue 2%
Steel Blue 1%
Cornflower Blue 0.5%
Light Golden Rod Yellow 0.5%
Wheat 0.5%
Misty Rose 0.5%
Brown 0.5%
Khaki 0.4%
Orange Red 0.4%
Olive 0.3%
Dark Red 0.3%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
17.40:1 AAA

On white
—

Background, text, border · .select2-container--classic .select2-selection--single, .select2-container--classic.select2-container--open.select2-container--above .se
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 90

On text
—

On white
17.40:1 AAA

Text, background, border · .news-card__title-link, .ui-dialog .ui-dialog-titlebar
Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
15 12 0 84

On text
1.12:1 Fail

On white
15.49:1 AAA

Text, background, border · body, .search-results .menu-filter__link
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 20

On text
10.84:1 AAA

On white
1.61:1 Fail

Border, background · .search-results .sk-pagination-navigation [data-key=next].button--inactive, .search-results .pagination__item--is-next.button--inactive

Colours

Brand colours and accents, most used first

Red

HEX

RGB

HSL

OKLCH

CMYK
0 68 92 18

On text
3.73:1 AA large

On white
4.67:1 AA

Text, background, border · .block-gcio-google-cse .gsc-results.gsc-webResult .gsc-result .gs-result .gsc-th, .button--primary
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 38 0 6

On text
5.38:1 AA

On white
3.23:1 AA large

Background · .progress__bar
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
100 38 0 20

On text
4.02:1 AA large

On white
4.32:1 AA large

Background · .progress__bar
Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
65 40 0 2

On text
6.00:1 AA

On white
2.90:1 Fail

Border, background · .select2-container--default .select2-results__option--highlighted.select2-result, .select2-container--classic.select2-container--open .select2-selection--single
Light Golden Rod Yellow

HEX

RGB

HSL

OKLCH

CMYK
11 0 16 12

On text
12.42:1 AAA

On white
1.40:1 Fail

Border · .messages--status, [dir="rtl"] .messages--status
Wheat

HEX

RGB

HSL

OKLCH

CMYK
0 11 32 4

On text
12.78:1 AAA

On white
1.36:1 Fail

Border · .messages--warning, [dir="rtl"] .messages--warning
Misty Rose

HEX

RGB

HSL

OKLCH

CMYK
0 19 23 2

On text
11.71:1 AAA

On white
1.49:1 Fail

Border · .messages--error, [dir="rtl"] .messages--error
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 34 34 63

On text
1.88:1 Fail

On white
9.25:1 AAA

Text · .ui-state-error, .ui-state-error a
Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 2 44 0

On text
16.02:1 AAA

On white
1.09:1 Fail

Background · .ui-state-highlight, .ui-state-checked
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 57 79 7

On text
5.46:1 AA

On white
3.19:1 AA large

Background · .ui-state-error, --color-primary
Olive

HEX

RGB

HSL

OKLCH

CMYK
0 1 73 53

On text
3.64:1 AA large

On white
4.78:1 AA

Text · .ui-state-highlight, .ui-state-highlight a
Dark Red

HEX

RGB

HSL

OKLCH

CMYK
0 84 100 35

On text
2.28:1 Fail

On white
7.62:1 AAA

Text · .messages--error, .messages--error p.error

Gradients

linear-gradient(top,white 50%,#eeeeee 100%)
linear-gradient(top,#eeeeee 50%,#cccccc 100%)
linear-gradient(top,white 0%,#eeeeee 50%)

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

heebo

Aa 300 Aa 900

heebo

Self-hosted · weights 300, 400, 500, 700, 900 · body · shown in a stand-in if you don’t have it

Aa 400

Arial

System font, or not loaded on this page · buttons · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Heading 1 2em · 32 px

Western Australian Government

Small 80%

Find and access WA Government online services and information quickly and easily.

Button 1em · 16 px none · Arial

Get started

Sizes in use

Most common across the site

32px1 rules
18px1 rules
16pxline 1 · 10 rules
14px2 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Corner radius

50% · 14×
4px · 7×
100% · 6×
7px · 2×
2px · 2×
10em · 2×

Shadows

0 0 17px#0000001a
0 2px 6px 0
0 0 3px 1px rgb(94,158,214)
0 0 5px #666666

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

600

768

1024

On a scale of 0 to 1440 px.

Content widths (max-width)

1340 px

1200 px

975 px

767 px

500 px

362 px

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 36 characters, short enough to show in full in search results.

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does Western Australian Government use?: Western Australian Government’s website uses one typeface: heebo (headings and body text), self-hosted.
What are Western Australian Government’s brand colours?: The main colours on wa.gov.au are Red (#D14210), Dodger Blue (#0094F0), Steel Blue (#007ECC), Cornflower Blue (#5897FB), Light Golden Rod Yellow (#C9E1BD) and Wheat (#F4DAA6).
What colour is Western Australian Government’s text and background?: Body text is #1A1A1A on a #FFFFFF background.
Where is Western Australian Government’s logo from?: The logo shown in this guide was found on wa.gov.au’s homepage. For official logo files and usage rules, check Western Australian Government’s own brand or press page.
Is this Western Australian Government’s official style guide?: No. SiteStyleGuide made it from wa.gov.au’s public web pages on 22 October 2026, and isn’t affiliated with Western Australian Government. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

wa-gov-au-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* wa.gov.au design tokens, from SiteStyleGuide (https://sitestyleguide.com/wa.gov.au) */
:root {
  /* Colours */
  --text: #1A1A1A;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #1A1A1A;
  --colour-cool-near-black: #232429;
  --colour-light-grey: #CCCCCC;
  --colour-red: #D14210;
  --colour-dodger-blue: #0094F0;
  --colour-steel-blue: #007ECC;
  --colour-cornflower-blue: #5897FB;
  --colour-light-golden-rod-yellow: #C9E1BD;
  --colour-wheat: #F4DAA6;
  --colour-misty-rose: #F9C9BF;
  --colour-brown: #5F3F3F;
  --colour-khaki: #FFFA90;
  --colour-orange-red: #EE6633;
  --colour-olive: #777620;
  --colour-dark-red: #A51B00;
  --gradient-1: linear-gradient(top,white 50%,#eeeeee 100%);
  --gradient-2: linear-gradient(top,#eeeeee 50%,#cccccc 100%);
  --gradient-3: linear-gradient(top,white 0%,#eeeeee 50%);

  /* Typefaces */
  --font-body: 'heebo', 'arial', 'helvetica', sans-serif;
  --font-buttons: 'Arial', 'Helvetica', sans-serif;

  /* Type scale */
  --text-h1: 2em;
  --text-small: 80%;
  --text-button: 1em;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 4px;
  --radius-3: 100%;
  --radius-4: 7px;
  --radius-5: 2px;
  --radius-6: 10em;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 600px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1024px;
  --max-width-1: 1340px;
  --max-width-2: 1200px;
  --max-width-3: 975px;
  --max-width-4: 767px;
  --max-width-5: 500px;
  --max-width-6: 362px;
}

{
    "site": "wa.gov.au",
    "source": "https://sitestyleguide.com/wa.gov.au",
    "text": "#1A1A1A",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#1A1A1A",
            "rgb": [
                26,
                26,
                26
            ]
        },
        {
            "name": "Cool Near Black",
            "hex": "#232429",
            "rgb": [
                35,
                36,
                41
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#CCCCCC",
            "rgb": [
                204,
                204,
                204
            ]
        },
        {
            "name": "Red",
            "hex": "#D14210",
            "rgb": [
                209,
                66,
                16
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#0094F0",
            "rgb": [
                0,
                148,
                240
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#007ECC",
            "rgb": [
                0,
                126,
                204
            ]
        },
        {
            "name": "Cornflower Blue",
            "hex": "#5897FB",
            "rgb": [
                88,
                151,
                251
            ]
        },
        {
            "name": "Light Golden Rod Yellow",
            "hex": "#C9E1BD",
            "rgb": [
                201,
                225,
                189
            ]
        },
        {
            "name": "Wheat",
            "hex": "#F4DAA6",
            "rgb": [
                244,
                218,
                166
            ]
        },
        {
            "name": "Misty Rose",
            "hex": "#F9C9BF",
            "rgb": [
                249,
                201,
                191
            ]
        },
        {
            "name": "Brown",
            "hex": "#5F3F3F",
            "rgb": [
                95,
                63,
                63
            ]
        },
        {
            "name": "Khaki",
            "hex": "#FFFA90",
            "rgb": [
                255,
                250,
                144
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#EE6633",
            "rgb": [
                238,
                102,
                51
            ]
        },
        {
            "name": "Olive",
            "hex": "#777620",
            "rgb": [
                119,
                118,
                32
            ]
        },
        {
            "name": "Dark Red",
            "hex": "#A51B00",
            "rgb": [
                165,
                27,
                0
            ]
        }
    ],
    "fonts": [
        {
            "name": "heebo",
            "stack": "heebo, arial, helvetica, sans-serif",
            "weights": [
                300,
                400,
                500,
                700,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "Arial",
            "stack": "Arial, Helvetica, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Websites whose lead colour is closest to Western Australian Government’s

Amazon.in

amazon.in · 4 days ago
Save
Zia Tile

ziatile.com · 2 days ago
Save
AARP

aarp.org · 4 days ago
Save
Vogue

vogue.com · 4 hours ago
Save

Captured from wa.gov.au on 22 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Western Australian Government; this guide describes the public website for reference.

Western Australian Governmentstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Cool Near Black

Light Grey

Colours

Red

Dodger Blue

Steel Blue

Cornflower Blue

Light Golden Rod Yellow

Wheat

Misty Rose

Brown

Khaki

Orange Red

Olive

Dark Red

Gradients

heebo

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run wa.gov.au?

Similar colours

Amazon.in

Zia Tile

AARP

Vogue

Title &
description