Colour

Our colour palette is bold and bright to help us to stand out in a crowded landscape. We are a red, blue and white brand and our specific colours have been chosen to feel contemporary, warm and energising.

Each colour has several tints that can be used in conjunction with our primary palette to create harmonious design applications.

Primary Palette

Our signature Bright Red takes centre stage, shaping a bold yet friendly visual identity. It's all about energy and warmth—unmistakably us. Accents of blue bring confidence and calm, striking the perfect balance.

Bright Red

#FF3F3F

Pantone 1787 C

RGB: 255,63,63

CMYK: 0,83,81,0

--brand.primary.50

Bright Blue

#606FFF

Pantone 2728 C

RGB: 96,111,255

CMYK: 74,55,0,0

--brand.secondary.50

Deep Red

#4D0000

Pantone 7623 C

RGB: 77,0,0

CMYK: 0,100,60,70

--brand.primary.100

Deep Blue

#040154

Pantone 2748 C

RGB: 4,1,84

CMYK: 100,95,4,42

--brand.secondary.100

Primary palette in use

In marketing, we lead with confidence—bold, full-bleed colour makes an instant impact. Our primary palette isn’t just a backdrop; it brings the punch, creating a strong, recognisable presence across all brand communications.

Example of our illustration style showing depth and dimensionality

Colour tints

Tints and shades are in addition to our primary palette and provide extra versatility throughout the brand system. We have an expanded set of tints and shades for use in app and web. More details of these are available in the UI section of this document.

In digital spaces like app and web, we keep things clean—primarily white, with red and blue accents for clarity and impact.

Our use of bright colour flexes with intent—bold when we need to grab attention, subtle when we step back to let content shine.

We keep the colours tonal, so when we’re using a blue tint backgroundwe use a blue CTA in combination. The same with a red tint and a red background.

Pale Red

#FFD9D9

Pantone 705 C

RGB: 255,217,217

CMYK: 0,25,28,0

--semantic.tint.primary.soft

Light Red

#FF9F9F

Pantone 706 C

RGB: 255,159,159

CMYK: 0,50,49,0

--semantic.tint.primary.medium

Dark Red

#AA2A2A

Pantone 7621 C

RGB: 170,42,42

CMYK: 20,98,98,12

--semantic.tint.primary.strong

Pale Blue

#CACFFF

Pantone 2707 C

RGB: 202,207,255

CMYK: 22,17,0,0

--semantic.tint.secondary.soft

Light Blue

#959FFF

Pantone 2726 C

RGB: 149,159,255

CMYK: 44,33,0,0

--semantic.tint.secondary.medium

Dark Blue

#3A3787

Pantone 2746 C

RGB: 58,55,135

CMYK: 60,57,2,25

--semantic.tint.secondary.strong

Utility Colors

We have a wider palette of colours specifically for utilities within the product. We use red as a guide colour, and for our primary CTAs. Because of this, we avoid using red as a warning or error colour and use amber instead.

neutral

5#F7F7F6

10#E5E5E5

20#CCCCCC

30#B2B2B2

40#999998

50#80807F

60#666666

70#4D4D4C

80#333333

90#292929

100#0D0D0D

0#FFFFFF

accent

5#DFE2FF

10#CACFFF

20#AFB7FF

30#959FFF

40#7B87FF

50#606FFF

60#505DD4

70#404AAA

80#303880

90#202555

100#131633

positive

5#EAFFEE

10#DCFFE2

20#CAFFD3

30#BBFFC5

40#A7FFB6

50#95FFA8

60#7CD48C

70#63AA70

80#488054

90#255538

100#1E3322

caution

5#FFEADC

10#FFDCC5

20#FFCAA7

30#FFB98A

40#FFA76D

50#FF9650

60#D47D43

70#AA6435

80#804B28

90#55321B

100#331E10

Colour combinations

Our brand colour palette offers many colour combinations, therefore it is important that the correct colour combinations are used.

These colour combinations help us create rich, lively designs. Alternating between light and dark backgrounds keep our brand fresh and make sure we always look our best.

To ensure the best contrast and colour balance, always use the colour combinations provided on this page.

Ooo very nice!

Navy on Light Gray (1/9)

Click arrows or use keyboard ←/→ to navigate

#F5F5F5Background

#040154Text