Colour

We are a digital-first brand and our colour palette has been specifically chosen to reflect this. Accessible, vibrant and energetic... just like us. Its strength is in its simplicity.

How we use our colours makes our communication unique and instantly recognisable as measurable.energy.

Light purple

Hex

#8402D4

Click to copy

R: 132 G: 2 B: 212

C: 75 M: 85 Y: 0 K: 0

Aqua

Hex

#64E2DC

Click to copy

R: 100 G: 226 B: 220

C: 55 M: 0 Y: 23 K: 0

Blue

Hex

#3E6BE0

Click to copy

R: 62 G: 107 B: 224

C: 74 M: 40 Y: 0 K: 0

Yellow

Hex

#FFCA00

Click to copy

R: 255 G: 202 B: 0

C: 0 M: 28 Y: 93 K: 0

Deep purple

Hex

#5A12CC

Click to copy

R: 90 G: 18 B: 204

C: 85 M: 85 Y: 0 K: 0

Coral

Hex

#FF6464

Click to copy

R: 255 G: 100 B: 100

C: 0 M: 79 Y: 55 K: 0

Charcoal

Hex

#041421

Click to copy

R: 4 G: 20 B: 33

C: 100 M: 83 Y: 50 K: 77

White

Hex

#FFFFFF

Click to copy

R: 255 G: 255 B: 255

C: 0 M: 0 Y: 0 K: 0

Download the digital palette [.ase]

Download the print palette [.ase]

Pairings

Our colours work best in pairs. It’s these unique combinations that makes them ownable and identifiable as measurable.energy.

These colour pairings work well on top of each other and have been selected to provide contrast and accessibility. As such, they shouldn’t be mixed and matched.

Layers

The order of these layers are integral to our brand system.
They work well because they build from dark to light and therefore can't be shuffled around.

Tints

The tints colour palette has been specifically created for infographics. It allows us to create charts and graphs where we may need colours beyond our core palette.

You should only use tints of a colour to complement the full colour itself, otherwise the design will look washed out. Tints should only be used in increments of 20% and we never skip a step e.g., don't use 80% of light purple next to 40% of light purple - it just doesn’t work.

Please see infographics section for further guidance.

Accessibility

We’ve tested our colour palette to ensure maximum colour contrast between typography and background colours.

In order to meet Web Content Accessibility Guidelines (WCAG) 2.1 AA accessibility criterion 1.4.3, the text we use needs to maintain a contrast ratio of 4.5:1.

White text on dark backgrounds