Colours

Colour attracts the eye and able us to create focus points in our marketing communication. In order to communicate to a vast number of target groups, across all media platforms, we use colours that are confident, distinct, modern and vibrant.

Visma BlueVisma GreenVisma Purple

Our colours have been chosen to cover most of the emotive qualities commonly linked to our business areas. For example, blue signals trust and honesty, while purple promotes creativity and passion.

Visma Palettes

The Visma colours consist of three different palettes. It´s important to note that you can only use one of these palettes when designing. They are not to be mixed. By using only one palette at the time we create a strong and cohesive visual identity that sets us apart.

Neutrals

In addition to our palettes, white is a colour of major importance to our profile. White space, or negative space, is just as important as positive space. It can be used to create tension, interest and contrast. It is also soothing to look at.

White

C:0 M:0 Y:0 K:0 R:255 G:255 B:255WEB: #FFFFFF

Grey

C:4 M:3 Y:3 K:3 R:240 G:240 B:240 WEB: #F0F0F0

Dark grey

C:58 M:49 Y:49 K:16 R:109 G:109 B:109 WEB: #6D6D6D

Black

CMYK: 100R:34 G:34 B:34WEB: #222222

Visma Red

The red colour present in the logomark is a part of the visual heritage and is still a colour associated with Visma. The red colour is to be used on branded physical objects, together with our neutrals.

Red

Pantone 1935 ECC:0 M:100 Y:54 K:8 R:231 G:6 B:65WEB: E70641

How to use colour

Only use one palette when creating a design. Do not combine them.

Always use colour with 100% opacity. This ensures that our colours always look and feel the same.

Ensure that your text is accessible and within the minimum contrast ratio of 4.5:1 (WCAG Level AA).

Primary colours in each palette are accessible (WCAG level AA) when used with white or black text.

The light and dark colours in each palette are accessible (WCAG level AA) when combined.

On large-scale text (at least 24 pixels or 19 px bold text) the light and primary colour could be combined and still be within the minimum contrast requirement of large text (3:1 ratio).

The medium colours should only be used when making illustrations. Do not use the medium colours in combination with text. This will lead to accessibility failure.

See good and bad examples of colour usage before using our palettes.

Read this article in Unity if you want to know more about our colours and usage.

Good examples

This is a good example of combining a primary colour with white or black text. This ensures good readability.

This is a good example of using a primary colour in heading to draw attention and create a good hierarchy.

This is a good example on how to combine the light and dark colours in the purple palette.

This is a good example of using a black heading when combined with a CTA. This increases the impact of the button.

Bad examples

This is a bad example of contrast. Do not combine the two ligthest colours in one palette.

This is a poor example of using the red colour. It is only to be used on branded physical objects.

This is a horrid example of colour usage. Do not combine colours from different palettes.

This is an awful example of colour choice. We dont use the colour orange anymore because of accessibility issues.

This is no longer our primary blue colour. Do not reduce the opacity of the Visma colours.