The colours specified below should be used for all Westpac 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

1.0.0

Primary 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

#621A4B

C
Neutral

#2D373E

D
Complementary A

#9F0029

E
Complementary B

#680000

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Additional Colours

These additional colours can also be used for backgrounds etc. if required.

G
Stone

#E4E1DA

A
Stone 60

#EFEDE9

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

#621A4B

C. Yes
Accessible

#2D373E

D. Yes
Accessible

#9F0029

E. Yes
Accessible

#680000

F. Yes
Accessible

#2D373E

G. Yes
Accessible

#575F65

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

1.0.1

Primary 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

#621A4B

C
Neutral

#2D373E

D
Complementary A

#9F0029

E
Complementary B

#680000

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Additional Colours

These additional colours can also be used for backgrounds etc. if required.

G
Stone

#E4E1DA

A
Stone 60

#EFEDE9

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

#621A4B

C. Yes
Accessible

#2D373E

D. Yes
Accessible

#9F0029

E. Yes
Accessible

#680000

F. Yes
Accessible

#2D373E

G. Yes
Accessible

#575F65

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.0

Primary 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

#621A4B

C
Neutral

#2D373E

D
Complementary A

#9F0029

E
Complementary B

#680000

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Additional Colours

These additional colours can also be used for backgrounds etc. if required.

G
Stone

#E4E1DA

A
Stone 60

#EFEDE9

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

#621A4B

C. Yes
Accessible

#2D373E

D. Yes
Accessible

#9F0029

E. Yes
Accessible

#680000

F. Yes
Accessible

#2D373E

G. Yes
Accessible

#575F65

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.1

Primary 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

#621A4B

C
Neutral

#2D373E

D
Complementary A

#9F0029

E
Complementary B

#680000

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Additional Colours

The additional reds are only for use in the Energy Slides

Dark Red

#B6000B

Mid Red

#C30019

Light Red

#DD3A46

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

#621A4B

C. Yes
Accessible

#2D373E

D. Yes
Accessible

#9F0029

E. Yes
Accessible

#680000

F. Yes
Accessible

#2D373E

G. Yes
Accessible

#575F65

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 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

#621A4B

C
Neutral

#2D373E

D
Complementary A

#9F0029

E
Complementary B

#680000

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Additional Colours

The additional reds are only for use in the Energy Slides

Dark Red

#B6000B

Mid Red

#C30019

Light Red

#DD3A46

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

#621A4B

C. Yes
Accessible

#2D373E

D. Yes
Accessible

#9F0029

E. Yes
Accessible

#680000

F. Yes
Accessible

#2D373E

G. Yes
Accessible

#575F65

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

#621A4B

C
Neutral

#2D373E

E
Heading

#621A4B

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the other 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.

Violet

#9F4585

Energy Slide Dark

#B6000B

Energy Slide Mid

#C30019

Energy Slide Light

#DD3A46

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

#621A4B

C
Neutral

#2D373E

E
Heading

#621A4B

F
Text

#2D373E

G
Muted

#575F65

H
Border

#D7D2CB

I
Background

#F4F3F0

J
Light

#F9F9F8

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the other 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.

Violet

#9F4585

Energy Slide Dark

#B6000B

Energy Slide Mid

#C30019

Energy Slide Light

#DD3A46

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

#621a4b

C
Neutral

#2d373e

D
BorderDark

#8c9296

E
Heading

#621a4b

F
Text

#2d373e

G
Muted

#575f65

H
Border

#d7d2cb

I
Background

#f4f3f0

J
Light

#f9f9f8

K
Focus

#9f4585

Secondary Palette

The secondary palette is a collection of bespoke, brand specific colours. Unlike the primary palette secondary colours do not map to the other 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.

Violet

#9f4585

Energy Slide Dark

#b6000b

Energy Slide Mid

#c30019

Energy Slide Light

#dd3a46

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