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

#C0142E

B
Hero

#365FB4

C
Neutral

#333333

D
Complementary A

#36528A

E
Complementary B

#178BC4

F
Text

#333333

G
Muted

#707070

H
Border

#C2C2C2

I
Background

#EBEBEB

J
Light

#F5F5F5

Secondary Palette

Commonly used for content specific tasks such as charts, info graphics, diagrams etc.

There are currently no colours in the BSA secondary palette however the BSA re-brand will implement a secondary palette.

Neutral Tints

Each brand has a neutral colour with a set of eleven tints for subtle colouring. Three of these tints are already used in the primary palette for borders backgrounds and super light backgrounds.

100%
Text

#333333

90%

#474747

80%

#5C5C5C

70%
Muted

#707070

60%

#858585

50%

#999999

40%

#ADADAD

30%
Borders

#C2C2C2

20%

#D6D6D6

10%
Background

#EBEBEB

5%
Light

#F5F5F5

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

#C0142E

B. Yes
ACCESSIBLE

#365FB4

C. Yes
ACCESSIBLE

#333333

D. Yes
ACCESSIBLE

#36528A

E. No
NOT ACCESSIBLE

#178BC4

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#707070

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than as shown here. All of 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

#C0142E

B
Hero

#365FB4

C
Neutral

#333333

D
Complementary A

#36528A

E
Complementary B

#178BC4

F
Text

#333333

G
Muted

#707070

H
Border

#C2C2C2

I
Background

#EBEBEB

J
Light

#F5F5F5

Secondary Palette

Commonly used for content specific tasks such as charts, info graphics, diagrams etc.

There are currently no colours in the BSA secondary palette however the BSA re-brand will implement a secondary palette.

Neutral Tints

Each brand has a neutral colour with a set of eleven tints for subtle colouring. Three of these tints are already used in the primary palette for borders backgrounds and super light backgrounds.

100%
Text

#333333

90%

#474747

80%

#5C5C5C

70%
Muted

#707070

60%

#858585

50%

#999999

40%

#ADADAD

30%
Borders

#C2C2C2

20%

#D6D6D6

10%
Background

#EBEBEB

5%
Light

#F5F5F5

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

#C0142E

B. Yes
ACCESSIBLE

#365FB4

C. Yes
ACCESSIBLE

#333333

D. Yes
ACCESSIBLE

#36528A

E. No
NOT ACCESSIBLE

#178BC4

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#707070

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than as shown here. All of 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

#C0142E

B
Hero

#365FB4

C
Neutral

#333333

D
Complementary A

#36528A

E
Complementary B

#178BC4

F
Text

#333333

G
Muted

#707070

H
Border

#C2C2C2

I
Background

#EBEBEB

J
Light

#F5F5F5

Secondary Palette

Commonly used for content specific tasks such as charts, info graphics, diagrams etc.

There are currently no colours in the BSA secondary palette however the BSA re-brand will implement a secondary palette.

Neutral Tints

Each brand has a neutral colour with a set of eleven tints for subtle colouring. Three of these tints are already used in the primary palette for borders backgrounds and super light backgrounds.

100%
Text

#333333

90%

#474747

80%

#5C5C5C

70%
Muted

#707070

60%

#858585

50%

#999999

40%

#ADADAD

30%
Borders

#C2C2C2

20%

#D6D6D6

10%
Background

#EBEBEB

5%
Light

#F5F5F5

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

#C0142E

B. Yes
ACCESSIBLE

#365FB4

C. Yes
ACCESSIBLE

#333333

D. Yes
ACCESSIBLE

#36528A

E. No
NOT ACCESSIBLE

#178BC4

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#707070

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than as shown here. All of 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

#C0142E

B
Hero

#365FB4

C
Neutral

#333333

D
Complementary A

#36528A

E
Complementary B

#178BC4

F
Text

#333333

G
Muted

#707070

H
Border

#C2C2C2

I
Background

#EBEBEB

J
Light

#F5F5F5

Secondary Palette

Commonly used for content specific tasks such as charts, info graphics, diagrams etc.

There are currently no colours in the BSA secondary palette however the BSA re-brand will implement a secondary palette.

Neutral Tints

Each brand has a neutral colour with a set of eleven tints for subtle colouring. Three of these tints are already used in the primary palette for borders backgrounds and super light backgrounds.

100%
Text

#333333

90%

#474747

80%

#5C5C5C

70%
Muted

#707070

60%

#858585

50%

#999999

40%

#ADADAD

30%
Borders

#C2C2C2

20%

#D6D6D6

10%
Background

#EBEBEB

5%
Light

#F5F5F5

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

#C0142E

B. Yes
ACCESSIBLE

#365FB4

C. Yes
ACCESSIBLE

#333333

D. Yes
ACCESSIBLE

#36528A

E. No
NOT ACCESSIBLE

#178BC4

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#707070

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than as shown here. All of 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

#D81B2B

B
Hero

#002F6C

C
Neutral

#6C7074

D
Complementary A

#00204F

E
Complementary B

#00ADBD

F
Text

#333333

G
Muted

#6C7074

H
Border

#D3D4D5

I
Background

#F0F1F1

J
Light

#F8F8F8

Secondary Palette

Commonly used for content specific tasks such as charts, info graphics, diagrams etc.

There are currently no colours in the BSA secondary palette however the BSA re-brand will implement a secondary palette.

Neutral Tints

Each brand has a neutral colour with a set of eleven tints for subtle colouring. Three of these tints are already used in the primary palette for borders backgrounds and super light backgrounds.

100%
Text

#6C7074

90%

#7B7E82

80%

#898D90

70%
Muted

#989B9E

60%

#A7A9AC

50%

#B6B8BA

40%

#C4C6C7

30%
Borders

#D3D4D5

20%

#E2E2E3

10%
Background

#F0F1F1

5%
Light

#F8F8F8

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

#D81B2B

B. Yes
ACCESSIBLE

#002F6C

C. Yes
ACCESSIBLE

#6C7074

D. Yes
ACCESSIBLE

#00204F

E. No
NOT ACCESSIBLE

#00ADBD

F. Yes
ACCESSIBLE

#333333

G. Yes
ACCESSIBLE

#6C7074

Reserved Colours

These are important contextual colours used throughout the interface. Do not use these colours for any other purpose than as shown here. All of 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

#D81B2B

B
Hero

#002F6C

C
Neutral

#6C7074

E
Heading

#002F6C

F
Text

#333333

G
Muted

#6C7074

H
Border

#D3D4D5

I
Background

#F0F1F1

J
Light

#F8F8F8

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.

Deep

#00204F

Bight

#00ADBD

Gum

#5CBB3E

Grape

#A22269

Sky

#ABE2EC

Outback

#F7921E

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

#D81B2B

B
Hero

#002F6C

C
Neutral

#6C7074

E
Heading

#002F6C

F
Text

#333333

G
Muted

#6C7074

H
Border

#D3D4D5

I
Background

#F0F1F1

J
Light

#F8F8F8

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.

Deep

#00204F

Bight

#00ADBD

Gum

#5CBB3E

Grape

#A22269

Sky

#ABE2EC

Outback

#F7921E

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

#d81b2b

B
Hero

#002f6c

C
Neutral

#6c7074

D
BorderDark

#909396

E
Heading

#002f6c

F
Text

#333333

G
Muted

#6c7074

H
Border

#d3d4d5

I
Background

#f0f1f1

J
Light

#f8f8f8

K
Focus

#c26f9d

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.

Deep

#00204f

Bight

#00adbd

Gum

#5cbb3e

Grape

#a22269

Sky

#abe2ec

Outback

#f7921e

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