Colours
Colour Palette
BCC Red
#bc0031
Used minimally for brand elements only. Colour does not signify any category or state.
Accessibility
#ff9600
Focus color
Warning
#ffcc00
- High priority warning (use sparingly)
Error
#ea0000
Error highlight (use sparingly)
G1
#2e3137
- Header / Footer background
- Primary copy colour
G2
#676973
- Light copy on white or light background.
G3
#96969a
- Checkbox / radio border
G4
#cccccc
- Form field border strokes
- Active boxout border strokes
G5
#d8d8d9
- Drop shadows and inner shadows
G6
#eaeaea
- Strokes on white
G7
#f1f1f1
- Lightest grey panel background
B1
#3771d0
- Primary CTA button background
B2
#274d8b
- Secondary CTA button background
B3
#0d45a0
- Text link
B4
#74a9ff
- Text link on G1
B5
#d5e5ff
- Background of account-related CTAs
- Occasionally used to extend text links into a âbuttonâ
GN1
#188049
- Affirmation 10px indent bar and text on white
- Total price 5px emphasis bar
GN2
#167341
- Affirmation text on light background colours
GN3
#c8e9d8
- Emphasised table background cells
GN4
#91c4a9
- Green icons and strokes
GN5
#ddefe6
- Table background cells
Whitesmoke
#f5f5f5
Lorem ipsum ipsum dolor set elit nullum vitae morsi