Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.


Colour is versatile; it's used to express emotion and tone, as well as place emphasis and create associations. Colour should always be used in meaningful and intentional ways in order to create patterns and visual cues.


Short description

For the brand perspective on use of colour, etc, see the Interim guidelines:

When and how to use it

When using colours, choose primary colours (top row in Swatches) first. If more colours are needed, use tint colours (the other rows). For interactive elements it is recommended to use any of the blue colours.

Background colours

  • White
  • Background

Text colour

  • Grey 800

More about Typography

Link colour

  • Link

More about Inline links


Do's and don'ts on colour contrast


  • Again, don’t use white text on a light background, because of accessibilities issues.
  • Don’t make colours lighter except for in graphs. For graphs it’s possible to use several different colours.


Alternative key words for search: colour colours



  • Green
  • Dark green 1
  • Dark green 2
  • Yellow
  • Dark yellow 1
  • Dark yellow 2
  • Purple
  • Dark purple 1
  • Dark purple 2
  • Red
  • Dark red 1
  • Dark red 2
  • Blue
  • Dark blue 1
  • Dark blue 2



Use any shade of grey to support our primary colours. 

  • Grey 900
  • Grey 800
  • Grey 700
  • Grey 600
  • Grey 500
  • Grey 400
  • Grey 300
  • Grey 200
  • Grey 100


Dark mode

Read more about Pattern: Dark mode 


Page last updated


Was this page helpful?