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

#9E005D

B
Hero

#2574A9

C
Neutral

#637B98

D
Complementary A

#00AFD7

E
Complementary B

#00232B

F
Text

#333333

G
Muted

#666666

H
Border

#E0E0E0

I
Background

#F9F9F9

J
Light

#FCFCFC

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

#9E005D

B. Yes
ACCESSIBLE

#2574A9

C. No
NOT ACCESSIBLE

#637B98

D. No
NOT ACCESSIBLE

#00AFD7

E. Yes
ACCESSIBLE

#00232B

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#666666

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

#9E005D

B
Hero

#2574A9

C
Neutral

#637B98

D
Complementary A

#00AFD7

E
Complementary B

#00232B

F
Text

#333333

G
Muted

#666666

H
Border

#E0E0E0

I
Background

#F9F9F9

J
Light

#FCFCFC

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

#9E005D

B. Yes
ACCESSIBLE

#2574A9

C. No
NOT ACCESSIBLE

#637B98

D. No
NOT ACCESSIBLE

#00AFD7

E. Yes
ACCESSIBLE

#00232B

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#666666

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

#9E005D

B
Hero

#2574A9

C
Neutral

#637b98

E
Heading

#2574A9

F
Text

#333333

G
Muted

#666666

H
Border

#E0E0E0

I
Background

#F9F9F9

J
Light

#FCFCFC

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.

BT Blue

#00AFD7

BT Black

#2C2A29

BT Steel

#80A1B6

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

Not 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

#9E005D

B
Hero

#2574A9

C
Neutral

#637b98

E
Heading

#2574A9

F
Text

#333333

G
Muted

#666666

H
Border

#E0E0E0

I
Background

#F9F9F9

J
Light

#FCFCFC

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.

BT Blue

#00AFD7

BT Black

#2C2A29

BT Steel

#80A1B6

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

Not 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