Colours
Primary colours
Our core colours are a palette of blues, ranging from light+ to dark. The “Blue mid” is the leader of the gang, loving to grab attention and make an impact whereas the rest more often are used as backgrounds or text colours. Always make sure blue is the first colour you expose your audience with, e.g. through presentations or other platforms.
Blue light+
HEX: #EBF3FC
RGB: 235 / 243 / 252
Blue Light
HEX: #C8E1FF
RGB: 200 / 225 / 255
Blue Mid
HEX: #2846DC
RGB: 40 / 70 / 220
Blue Dark
HEX: #143255
RGB: 20 / 50 / 85
Secondary colours
Our secondary colours follow the same principle as the primary, meaning “Green mid” is the protagonist of this group. Use these to break the blue dominance but try to avoid presenting the green palette to your audience before they are exposed by the blues.
Green light+
HEX: #EBF3FC
RGB: 235 / 243 / 252
Green Light
HEX: #C8E1FF
RGB: 200 / 225 / 255
Green Mid
HEX: #2846DC
RGB: 40 / 70 / 220
Green Dark
HEX: #143255
RGB: 20 / 50 / 85
Black & white
As a bright company, white serves as the foundation for most of our designs, with white backgrounds being used in the majority of cases. This creates a fresh, open, and inviting atmosphere. Black is the primary choice for typography, ensuring maximum readability and contrast. It is used extensively for text elements, except in cases where colour is applied, such as on cards or specific design components. We use an all-pitch black for a bold, clean appearance alongside pure White, creating a timeless and striking contrast.
White
HEX: #FFFFFF
RGB: 235 / 243 / 252
Black
HEX: #141414
RGB: 20 / 20 / 20
Greyscales
Our palette of grey tones, similar in strength to the colour tones, can be mixed with our blue and green palette for a cohesive look. These greys can replace other colours when a neutral tone is needed, or help create hierarchy in typography – such as using grey for the preamble or secondary text elements.
Grey light+
HEX: #EBF3FC
RGB: 235 / 243 / 252
Grey Light
HEX: #C8E1FF
RGB: 200 / 225 / 255
Grey Mid
HEX: #2846DC
RGB: 40 / 70 / 220
Grey Dark
HEX: #143255
RGB: 20 / 50 / 85
Colour Mixing Guidelines
Our colours are made for mixing. When mixing, follow the guidelines to ensure a harmonious result. Some artistic freedom is allowed, but please keep it to a minimum.
Each colour can be divided into two tone groups:
Light tones: White, Light+, Light
Dark tones: Mid, Dark, Black
Always combine one colour from the light group with one from the dark group. The further apart, the better contrast. For example, mixing Light+ with Mid is allowed, or Light with Dark.
Tip
A good rule of thumb is to mix every other colour —for instance, try pairing Light+ with Mid, or Light with Dark—to achieve a balanced and visually appealing mix.
Do not mix colours within the same tone group as it results in too little contrast.
For example, mixing Mid with Black, or Light+ with Light, is not allowed.
Mixing examples
