BRAND FOUNDATION

Colour System

A thoughtful palette built on contrast, clarity and emotion. Designed to create immersive digital experiences that move people forward.

EXPLORE THE GUIDELINES

On this page

Primary background.
How To Use
UI Examples
Colour Proportions
Accessibility
Palette Recap

01

Colour Palette

Our colour system is built to create depth, hierarchy and emotion. Each colour has a purpose and a place.

FOUNDATION

Deep Navy

#01011A

Indigo Shadow

#1A2363

ENERGY

Electric Violet

#7B2CFF

Neon Magenta

#FF2DAA

Aurora Blue

#2EAFFF

NEUTRALS

Soft White

#F5F7FF

Soft Grey

#C2C4CC

Graphite Grey

#2A2E3F

02

How To Use The Colours

Using colour with intention creates clarity, hierarchy and impact.

FOUNDATION

Deep Navy

#01011A

Indigo Shadow

#1A2363

ENERGY

Electric Violet

#7B2CFF

Neon Magenta

#FF2DAA

Aurora Blue

#2EAFFF

NEUTRALS

Soft White

#F5F7FF

Soft Grey

#C2C4CC

Graphite Grey

#2A2E3F

ENERGY COLOURS

Electric Violet

#7B2CFF
Primary brand colour.

Represents creativity, innovation and transformation.

Indigo Shadow

#FF2DAA
Accent colour.

Used to create energy, emotion and visual emphasis.

Aurora Blue

#2EAFFF
Supporting colour.

Communicates clarity, intelligence and trust.

NEUTRALS

Soft White

#F5F7FF
Primary light surface and text colour.

Used to maximise clarity and readability.

Soft Grey

#C2C4CC
Secondary light surface and text colour.

Used to maximise clarity and readability.

Graphite Grey

#2A2E3F
Supporting neutral.

Used for borders, dividers, muted UI elements and secondary text.