The colours specified below should be used for all Westpac Group user interfaces. It’s important to understand how the colour system works in a multi-brand environment. It’s also very important to adhere to the accessibility guidelines.

Colors

2.0.1

Primary UI Palette

These are the ten core colours used in the digital brand. It's important to use these colours correctly for their specified purpose.

A
Primary - Link

#D5002B

B
Hero

#495761

C
Neutral

#263238

D
Complementary A

#37474F

E
Complementary B

#455A64

F
Text

#000000

G
Muted

#5B6871

H
Border

#CFD8DC

I
Background

#F3F5F6

J
Light

#F9FAFB

Secondary Palette

These colours add variation to the palette. They are commonly used for content specific tasks such as charts, info graphics, diagrams etc.

WESTPAC

#D5002B

WIB

#9F0029

BANK SA

#002F6C

ST.GEORGE

#78BE20

BTFG

#7998AC

RAMS

#00ADEF

BANK OF MELBOURNE

#444F5E

Accessibility

This is a quick and dirty accessibility guide. The Westpac group have committed to comply with WCAG2 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A. Yes
ACCESSIBLE

#D5002B

B. Yes
ACCESSIBLE

#495761

C. Yes
ACCESSIBLE

#263238

D. Yes
ACCESSIBLE

#37474F

E. Yes
ACCESSIBLE

#455A64

F. Yes
ACCESSIBLE

#000000

G. Yes
ACCESSIBLE

#5B6871

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than shown here. All these colours are accessible. Do not use these colours for any other purpose than shown here.

Success

#008000

Information

#0074C4

Warning

#C53B00

Danger

#C40000

2.0.2

Primary UI Palette

These are the ten core colours used in the digital brand. It's important to use these colours correctly for their specified purpose.

A
Primary - Link

#D5002B

B
Hero

#495761

C
Neutral

#263238

D
Complementary A

#37474F

E
Complementary B

#455A64

F
Text

#000000

G
Muted

#5B6871

H
Border

#CFD8DC

I
Background

#F3F5F6

J
Light

#F9FAFB

Secondary Palette

These colours add variation to the palette. They are commonly used for content specific tasks such as charts, info graphics, diagrams etc.

WESTPAC

#D5002B

WIB

#9F0029

BANK SA

#002F6C

ST.GEORGE

#78BE20

BTFG

#7998AC

RAMS

#00ADEF

BANK OF MELBOURNE

#444F5E

Accessibility

This is a quick and dirty accessibility guide. The Westpac group have committed to comply with WCAG2 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A. Yes
ACCESSIBLE

#D5002B

B. Yes
ACCESSIBLE

#495761

C. Yes
ACCESSIBLE

#263238

D. Yes
ACCESSIBLE

#37474F

E. Yes
ACCESSIBLE

#455A64

F. Yes
ACCESSIBLE

#000000

G. Yes
ACCESSIBLE

#5B6871

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than shown here. All these colours are accessible. Do not use these colours for any other purpose than shown here.

Success

#008000

Information

#0074C4

Warning

#C53B00

Danger

#C40000

3.0.0

Primary UI Palette

These are the nine core colours used in the digital brand. It’s important to use these colours correctly for their specified purpose.

A
Primary - Link

#D5002B

B
Hero

#495761

C
Neutral

#263238

E
Heading

#000000

F
Text

#000000

G
Muted

#5B6871

H
Border

#CFD8DC

I
Background

#F3F5F6

J
Light

#F9FAFB

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the ther brands. Secondary colours are generally used for bespoke brand embellishment: headers, promos, charts, diagrams etc. They are unique to the brand and must not be used anywhere else.

Westpac

#D5002B

WIB

#9F0029

BankSA

#002F6C

St.George

#78BE20

BTFG

#7998AC

Rams

#00ADEF

Bank of Melbourne

#1F252C

Accessibility

This is a quick and dirty accessibility guide. The Westpac group have committed to comply with WCAG2 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A
Primary - Link / White

Accessible

B
Hero / White

Accessible

C
Neutral / White

Accessible

E
Heading / White

Accessible

F
Text / White

Accessible

G
Muted / White

Accessible

Reserved Colours

The reserved colours convey meaning through colour. They’re used for contextual messaging and designed to clearly separate messaging from content. They must only be used in the alert and messaging components. Using the reserved colours for any other purpose or in any other interface element is off brand.

Success

#008000

Information

#0074C4

Warning

#C53B00

Danger

#C40000

3.0.1

Primary UI Palette

These are the nine core colours used in the digital brand. It’s important to use these colours correctly for their specified purpose.

A
Primary - Link

#D5002B

B
Hero

#495761

C
Neutral

#263238

E
Heading

#000000

F
Text

#000000

G
Muted

#5B6871

H
Border

#CFD8DC

I
Background

#F3F5F6

J
Light

#F9FAFB

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the ther brands. Secondary colours are generally used for bespoke brand embellishment: headers, promos, charts, diagrams etc. They are unique to the brand and must not be used anywhere else.

Westpac

#D5002B

WIB

#9F0029

BankSA

#002F6C

St.George

#78BE20

BTFG

#7998AC

Rams

#00ADEF

Bank of Melbourne

#1F252C

Accessibility

This is a quick and dirty accessibility guide. The Westpac group have committed to comply with WCAG2 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A
Primary - Link / White

Accessible

B
Hero / White

Accessible

C
Neutral / White

Accessible

E
Heading / White

Accessible

F
Text / White

Accessible

G
Muted / White

Accessible

Reserved Colours

The reserved colours convey meaning through colour. They’re used for contextual messaging and designed to clearly separate messaging from content. They must only be used in the alert and messaging components. Using the reserved colours for any other purpose or in any other interface element is off brand.

Success

#008000

Information

#0074C4

Warning

#C53B00

Danger

#C40000

3.0.2

Primary UI Palette

These are the nine core colours used in the digital brand. It’s important to use these colours correctly for their specified purpose.

Important: BorderDark and Focus must only be used for their respective purpose. Do not use these colours for any other purpose.

A
Primary - Link

#d5002b

B
Hero

#495761

C
Neutral

#263238

D
BorderDark

#91979a

E
Heading

#000000

F
Text

#000000

G
Muted

#5b6871

H
Border

#cfd8dc

I
Background

#f3f5f6

J
Light

#f9fafb

K
Focus

#e45c78

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the ther brands. Secondary colours are generally used for bespoke brand embellishment: headers, promos, charts, diagrams etc. They are unique to the brand and must not be used anywhere else.

Westpac

#d5002b

WIB

#9f0029

BankSA

#002f6c

St.George

#78be20

BTFG

#7998ac

Rams

#00adef

Bank of Melbourne

#1f252c

Accessibility

This is a quick and dirty accessibility guide. The Westpac Group have committed to comply with WCAG 2.1 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A
Primary - Link / White

Accessible

B
Hero / White

Accessible

C
Neutral / White

Accessible

D
BorderDark / White

Accessible

E
Heading / White

Accessible

F
Text / White

Accessible

G
Muted / White

Accessible

H
Border / White

Not accessible

I
Background / White

Not accessible

J
Light / White

Not accessible

K
Focus / White

Accessible

Reserved Colours

The reserved colours convey meaning through colour. They’re used for contextual messaging and designed to clearly separate messaging from content. They must only be used in the alert and messaging components. Using the reserved colours for any other purpose or in any other interface element is off brand.

Success

#008000

Information

#0074c4

Warning

#c53b00

Danger

#c40000

3.0.3

Primary UI Palette

These are the nine core colours used in the digital brand. It’s important to use these colours correctly for their specified purpose.

Important: BorderDark and Focus must only be used for their respective purpose. Do not use these colours for any other purpose.

A
Primary - Link

#d5002b

B
Hero

#495761

C
Neutral

#263238

D
BorderDark

#91979a

E
Heading

#000000

F
Text

#000000

G
Muted

#5b6871

H
Border

#cfd8dc

I
Background

#f3f5f6

J
Light

#f9fafb

K
Focus

#e45c78

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the ther brands. Secondary colours are generally used for bespoke brand embellishment: headers, promos, charts, diagrams etc. They are unique to the brand and must not be used anywhere else.

Westpac

#d5002b

WIB

#9f0029

BankSA

#002f6c

St.George

#78be20

BTFG

#7998ac

Rams

#00adef

Bank of Melbourne

#1f252c

Accessibility

This is a quick and dirty accessibility guide. The Westpac Group have committed to comply with WCAG 2.1 AA standards. Certain colours used in palette have to be accessible. Ignore at your peril.

A
Primary - Link / White

Accessible

B
Hero / White

Accessible

C
Neutral / White

Accessible

D
BorderDark / White

Accessible

E
Heading / White

Accessible

F
Text / White

Accessible

G
Muted / White

Accessible

H
Border / White

Not accessible

I
Background / White

Not accessible

J
Light / White

Not accessible

K
Focus / White

Accessible

Reserved Colours

The reserved colours convey meaning through colour. They’re used for contextual messaging and designed to clearly separate messaging from content. They must only be used in the alert and messaging components. Using the reserved colours for any other purpose or in any other interface element is off brand.

Success

#008000

Information

#0074c4

Warning

#c53b00

Danger

#c40000