Colour

Our colour palette injects a grounded and serious tone to our visual language, through the overall use of darker, more muted tones. In small instances, the use of bright highlights serves as a reminder of the pressure and urgency behind these operations.

In this section we will showcase this and detail how to use it in different contexts.

Please visit our Downloads Centre to access all Colour assets.

Overview

Colour palette

Our colour palette links to the Franchise brand using the R6 Navy as our primary colour, as well as the Silver and Off-White, as supporting colours. For the Tactics identity we introduce our Tactics Blue, Red

and Yellow, inspired by the gameplay, injecting a sense of urgency and pressure into our palette. Please visit our Downloads Centre to access all Colour assets.

R6 Navy

RGB: 12, 15, 22
HEX: 0C0F16
CMYK: 78, 65, 46, 81
PANTONE: 296C

Tactics Blue

RGB: 4, 42, 66
HEX: 042A42
CMYK: 98, 76, 39, 48
PANTONE: 295C

Tactics Grey

RGB: 58, 58, 58
HEX: 3A3A3A
CMYK: 0, 0, 0, 89
PANTONE: N/A

Tactics Silver

RGB: 149, 149, 149
HEX: 959595
CMYK: 0, 0, 0, 51
PANTONE: N/A

Tactics Off-white

RGB: 207, 207, 207
HEX: CFCFCF
CMYK: 0, 0, 0, 22
PANTONE: N/A

Tactics Red

RGB: 180, 0, 2
HEX: B40002
CMYK: 0, 100, 89, 0
PANTONE: 3546C

Tactics Yellow

RGB: 255, 229, 83
HEX: FFE553
CMYK: 0, 9, 77, 0
PANTONE: 113C

Hierarchy

Our colours can be broken down into two palettes: a Dark and Light Mode. In Dark Mode, Navy is used on all backgrounds. In Light Mode, Off-White becomes the primary colour for all backgrounds.

Our Greys are used for the grids, textures and graphic devices (see Background and Graphic Devices sections), while Red and Yellow are used as highlights, Red being the only highlight colour in Light Mode.

Dark mode

Light Mode

Usage

Art direction

Duotone treatments can be used with our art direction, using Tactics Silver as a base and pairing it with either Tactics Blue, Tactics Grey or R6 Navy. Adhering to these specific colours ensures consistency across our brand.

Refer to Art Direction for guidance on creating duotone treatments.

Backgrounds & highlights

In Dark Mode, the background colour isalways R6 Navy. Both the Tactics Red and Yellow highlight are used; Red primarily for all the annotations and frames, Yellow for secondary elements such as icons and small typographic details.

In Light Mode, the background is Tactics Off-white. Only Tactics Red is used as a highlight colour in Light Mode, for alk the annotations, icons, frames, and small typographic details due to legibility.

Dark mode

Light mode

Typography

Below, you'll find examples and recommendations for colour usage with our Typography. For more information on this please refer to the Typography section. Ensuring adequate contrast is crucial to guarantee legibility across all applications.

01 02 03 04

In “Dark Mode”, backgrounds use Tactics R6 Navy (#0C0F16)
In “Dark Mode”, type and typographic furniture use Tactics Off-White (#CFCFCF)
In “Dark Mode”, subtitles and typographic details use Tactics Yellow (#FFE553)
In “Dark Mode”, body copy uses Tactics Off-White (#CFCFCF)

01 02 03 04

In “Light Mode”, backgrounds use Tactics Off-white (#CFCFCF)
In “Light Mode”, type and typographic furniture use R6 Navy (#0C0F16)
In “Light Mode”, subtitles and typographic details use Tactics Red (#B40002)
In “Light Mode”, body copy uses R6 Navy (#0C0F16)

Dark mode

Light mode

Things to avoid

Make sure to follow this guidance to ensure our Colour system is used correctly in all formats and applications.

do not use the highlight colours on headlines.

do not use yellow in light mode.

do not Use any other colours for the backgrounds besides navy and off-white.

do not use colour outside of the palette.