Colours

Colour is the most powerful and important element when it comes to creating design. It attracts the eye and able us to create focal points in our compositions. It has the ability to communicate a brand's personality in an instant, without writing a single word. Only by staying true to our colour palette, and with consistent usage, will we achieve a brand with strong awareness and recognizability.

Visma Blue

Visma is a blue brand. This means Visma Blue should be prominent in everything we do. Blue is the perfect match for the Visma brand, because of its emotional qualities towards trust, integrity and honesty. The qualities that the colour blue represent are paramount when it comes to delivering software products to our users.

Visma Palette

Our primary colour palette is Visma blue, neutrals and a complementary green. It is a simple, clean and understated palette that builds upon elegance and quality of nordic design. This primary palette constitutes the foundation of the Visma colour profile and by staying true to this palette in all touch points we create a strong and cohesive brand identity that resonates with our users.  

Primary palette

Visma colour palette
Simple, clean and understated

Neutrals

In addition to our primary palette, white is a colour of major importance to our visual identity. White space, or negative space, is just as important as positive space. Neutrals 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:255
WEB: #FFFFFF

Grey blue tint

Grey tint
C:4 M:2 Y:2 K:0 
R:240 G:242 B:245 
WEB: #F0F2F5

Dark grey


C:58 M:49 Y:49 K:16 

R:109 G:109 B:109
WEB: #6D6D6D

Black


C:0 M:0 Y:0 K:100 
R:34 G:34 B:34
WEB: #222222

Visma Red

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

Red

Visma red
Pantone 1935 EC
C:0 M:100 Y:54 K:8 
R:231 G:6 B:65
WEB: E70641

 

Colour tints

Only use tints of the colours when making illustration or pictograms. Use the primary colours in all other cases. Tints are a tool when flexibility is needed in conveying data as clearly as possible. For even more complex visualisation of data and BI we should use the established principles from our product design: Link

Primary blue


WEB: #007ACA
PANTONE 3005 C
C:84 M:51 Y:0 K:0 
R:0 G:122 B:202 

Light Blue tint


WEB: #0089D9

Dark Blue Tint


WEB: #0062A3

Primary green


WEB: #4D8400
PANTONE 363 C
C:75 M:25 Y:100 K:10 
R:77 G:132 B:0 

Light Tint


WEB: #68A611

Dark Green Tint


WEB: #2D660B

Stay tuned for more:

As stated before we are working hard on creating a cohesive framework and foundation from which all our communication and design activities stems from. We are working even harder on how the design system can cater for needs for differentiation. We need a bit more time for this and we will introduce something we call content color soon. Our ambition is to have this added color palette and its best practices done 14th of December.

We use cookies to collect information on your interaction with our website and combine this with the data you provide us to build a profile so we can show you content tailored to your interests. By accepting, you allow us to collect and process your personal information as described here.