Colours

Colour is the most powerful and important element when it comes to creating design. It attracts the eye and ables 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 represents 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.  

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

Blue

Primary blue - 60

WEB: #007ACA

PANTONE 3005 C

C:84 M:51 Y:0 K:0

R:0 G:122 B:202

Blue-90

WEB: #163e59

Blue-80

WEB: #007ACA

Blue-70

WEB: #0071bd

Blue-50

WEB: #0087e0

Blue-40

WEB: #1c98eb

Blue-30

WEB: #5bb4f0

Blue-20

WEB: #96d2fa

Blue-10

WEB: #dceefa

Blue-05

WEB: #ebf7ff

Green

Green - 70

WEB: #F0F2F5

PANTONE 363 C

C:75 M:25 Y:100 K:10

R:77 G:132 B:0

Green-90

WEB: #305200

Green-80

WEB: #3B6600

Green-60

WEB: #68A611

Green-50

WEB: #7FB435

Green-40

WEB: #99C35D

Green-30

WEB: #B0D182

Green-20

WEB: #CFE5AE

Green-10

WEB: #E4F0D3

Green-05

WEB: #F4FAEB

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.

Neutral, blue tint - 20

WEB: #F0F2F5

C:4 M:2 Y:2 K:0

R:240 G:242 B:245

Neutral-90

WEB: #AAACAE

Neutral-80

WEB: #6A6C6D

Neutral-70

WEB: #959799

Neutral-60

WEB: #0087e0

Neutral-50

WEB: #C1C3C5

Neutral-40

WEB: #D9DCDE

Neutral-30

WEB: #E3E6E8

Neutral-10

WEB: #F7F9FA

Neutral-05

WEB: #FFFFFF

Visma Red

The red colour presented 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 physical objects, together with our neutrals.

Red

Pantone 1935 EC

WEB: #E70641

C:0 M:100 Y:54 K:8

R:231 G:6 B:65

RAL: 3027

Content colour

Visma is a masterbrand acting in a complex reality where flexibility is very much needed for the products to differentiate themselves and communicate to their target groups. This is where content colour is an important and powerful component.

By following the content colour guidelines, products are allowed to create their own colour identity within the Visma masterbrand. In that way, this colour palette is added on to the primary colour palette.

 

Purple

Purple - 70

WEB: #9270E4

PANTONE 265 C

C:37 M:53 Y:0 K:12

R:130 G:90 B:224

Purple-90

WEB: #5A36AC

Purple-80

WEB: #6E49C7

Purple-60

WEB: #9270E4

Purple-50

WEB: #A386E8

Purple-40

WEB: #B29AEC

Purple-30

WEB: #C5B3F0

Purple-20

WEB: #D8CCF4

Purple-10

WEB: #E8E1F8

Purple-05

WEB: #F8F5FC

Orange

Orange - 90

WEB: #B35300

PANTONE ???

C:0 M:38 Y:70 K:30

R:179 G:83 B:0

Orange-80

WEB: #D76500

Orange-70

WEB: #F28D00

Orange-60

WEB: #FFAA33

Orange-50

WEB: #FFC46F

Orange-40

WEB: #FFCF8B

Orange-30

WEB: #FFD9A3

Orange-20

WEB: #FFEACC

Orange-10

WEB: #FFF4E5

Orange-05

WEB: #FFFCF5

Red

Red - 70

WEB: #D93644

PANTONE ???

C:0 M:64 Y:58 K:15

R:217 G:54 B:68

Red-90

WEB: #A6000E

Red-80

WEB: #D11525

Red-60

WEB: #E04C59

Red-50

WEB: #F0616D

Red-40

WEB: #F0828C

Red-30

WEB: #FEB0B7

Red-20

WEB: #FFD4D8

Red-10

WEB: #FFE5E7

Red-05

WEB: #FFF2F3

Green

Green - 70

WEB: #F0F2F5

PANTONE 363 C

C:75 M:25 Y:100 K:10

R:77 G:132 B:0

Green-90

WEB: #305200

Green-80

WEB: #3B6600

Green-60

WEB: #68A611

Green-50

WEB: #7FB435

Green-40

WEB: #99C35D

Green-30

WEB: #B0D182

Green-20

WEB: #CFE5AE

Green-10

WEB: #E4F0D3

Green-05

WEB: #F4FAEB

Primary blue and one

Blue + one

The primary Visma blue will always be a part of a colour palette. This ensures that the product identity always has connection to the Visma masterbrand. Together with the primary Visma blue each product gets to have one additional content colour. This additional colour is based on colours from their product icon. Products or services that do not have product icons are free to choose the content color that resonates best with the identity of the particular service you are promoting.

 

 

Creating a product colour palette

Product icons sets the stage and plays the leading role in each product identity. It is meant to contribute with the differentiation within the Visma masterbrand. Each product icon has its own colour scheme, and by choosing one of these colours and combining it with the primary blue, you will have your product colour palette. See examples of the process bellow. Any questions regarding content colour can be posted here

1. Your product icon
Find your product icon to see what options there are for content colour.
Product icon
2.  Different options
In this product icon you can choose green or purple as content colour.
Content colour 2
3. Pick content colour
In this example the colour purple was selected as this products content colour.

Product icon
4. Combine with primary blue
Add the primary blue and you now have your content colour palette.
4

Guidelines for content colours

  • Stick to one content colour. Do not alter between different content colours.

  • Do not mix content colours.

  • The chosen content colour needs to be present in the products product icon (if there is a product icon).

  • The visual balance between the content colour and primary blue is flexible.

  • Content colour is only to be used on illustrations and pictograms.

Examples

This is how you can use your content colour palette.
Remember that you can only use content colour on illustrations and pictograms.

Product icon


Product icon example
Illustration

Pictogram




 

Product icon example
 




 

Product icon example