Colours

Our brand is based on the contrasting and sophisticated colours of yellow and dark blue, consistently applied across all digital and print materials belonging to the business.

Brand Colours

Primary

Our unique yellow and dark blue are central to our visual identity and need to be included in every form of media published. The primary colours should not be adjusted or modified whatsoever.

HEX #F5D420
R244 G211 B32
C6 M13 Y96 K0

HEX #192148
R25 G33 B72
C99 M92 Y41 K43

HEX #F59020
R245 G144 B32
C1 M52 Y99 K0

Secondary Colours

Secondary

The primary colours can be accompanied by a number of secondary colours. These colours should not be a substitute for the primary yellow and dark blue, which should be present in all forms of media. 

HEX #FBF551
R250 G244 B81
C5 M0 Y78 K0

HEX #E6719B
R229 G113 B154
C5 M70 Y13 K0

HEX #23F82E
R35 G247 B46
C62 M0 Y100 K0

HEX #3CD06A
R60 G207 B106
C67 M0 Y80 K0

HEX #1B94E5
R27 G148 B229
C73 M33 Y0 K0

HEX #202960
R31 G41 B96
C100 M95 Y33 K23

HEX #0B112E
R11 G17 B46
C93 M87 Y49 K65

Colour Balance

Colour balance is important to be applied throughout all digital and print materials of our brand. With a colour balance guide, we can ensure that our primary and secondary colours are applied correctly on both dark and light modes. It also establishes consistency in main colours to use and other colours for highlighting or smaller proportion of screen or surface area.

Dark Mode

40%

30%

10%

10%

10%

Light Mode

40%

15%

15%

10%

10%

10%

Chromatic Fonts

High Contrast

When you want to create a high contrast between text and background, the following combination between font and background colours can be used. 

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Low Contrast

When you want to create a low contrast between text and background, the following combination between font and background colours can be used. 

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor