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: #EDF9E1
RGB: 237 / 249 / 225
Green Light
HEX: #CDF5A0
RGB: 205 / 245 / 160
Green Mid
HEX: #00A000
RGB: 0 / 160 / 0
Green Dark
HEX: #05412D
RGB: 5 / 65 / 45
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: 255 / 255 / 255
Black
HEX: #000000
RGB: 0 / 0 / 0
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: #F6F5F1
RGB: 246 / 245 / 241
Grey Light
HEX: #DCE3E2
RGB: 220 / 227 / 226
Grey Mid
HEX: #879191
RGB: 135 / 145 / 145
Grey Dark
HEX: #323737
RGB: 50 / 55 /55
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.
Do not mix blues with greens—even if they are in different tone groups.
For example, mixing Blue Light+ with Green Mid, or Blue Mid with Green Light, is not allowed.
Mixing examples