Colours

This page describes how to use the colours of the ETH Competence Framework.

Colour palette and meaning

The ETH Competence Framework is designed based on ETH Zurich corporate design colours. Each colour represents a specific competency domain.

Colour shades

Different shades of the ETH Competence Framework colour palette can be used in graphics, illustrations, info boxes and layouts.

Coloured backgrounds with 40%, 20% and 10% opacity require the use of black text in order to remain readable. When using different shades of the design colours, please keep the needs of people with disabilities in mind. You can check the level of contrast for digital content with online tools such as external pageContrastChecker.

You can find the colour codes on the ETH corporate design web page.

DOs and DON'Ts about the colours

You can

  • Use different shades of the Competence Framework colours at the same time
  • Use the ETH Competence Framework on an ETH Zurich template. To avoid confusion, you should implement the ETH Competence Framework on a corporate design template in ETH Petrol, ETH Red, or ETH Grey. 

You cannot

  • Use the ETH Competence Framework colours to convey a different meaning than the ones listed above (e.g., you should use the ETH Purple at all times you refer to the Personal Competencies)

Contacts

Dr. Michèle Gemünden
Teaching support

LET
Curriculum and Faculty Development

Dr. Barbara La Cara
ETH Competence Framework

Rector's Staff
Strategic Initiatives

JavaScript has been disabled in your browser