Colour Palette
Metropolia’s colour palette is divided into primary and secondary colours.
The primary colour is Metropolia Orange, which should always be visible in all applications.
Dark grey is used exclusively for text.
In print applications using CMYK colours, the tones are not as intense as in digital RGB environments. PMS colours may be used in print to achieve more vivid colours.
Metropolia Orange
A) Digital
- RGB: 255 | 80 | 0
- HTML: #FF5000
B) Print
- PMS: Orange 021
- CMYK: 0 | 80 | 100 | 0
Metropolia Grey
C) Digital
- RGB: 83 | 86 | 90
- HTML: #53565A
D) Print
- PMS: Cool Gray 11 C
- CMYK: 0 | 0 | 0 | 75
White
E) Digital
- RGB: 255 | 255 | 255
- HTML: #FFFFFF
F) Print
- CMYK: 0 | 0 | 0 | 0
Dark Grey
G) Digital
- RGB: 54 | 62 | 60
- HTML: #363E3C
H) Print
- PMS: Cool Gray 11 C
- CMYK: 0 | 0 | 0 | 90
Yellow
I) Digital
- RGB: 255 | 240 | 0
- HTML: #FFF000
J) Print
- PMS: 106
- CMYK: 2 | 0 | 100 | 0
Pink
K) Digital
- RGB: 227 | 132 | 196
- HTML: #E384C4
L) Print
- PMS: 231
- CMYK: 3 | 45 | 0 | 0
Mint
M) Digital
- RGB: 140 | 235 | 165
- HTML: #8CEBA5
N) Print
- PMS: TBD
- CMYK: 35 | 0 | 45 | 0
Concrete
O) Digital
- RGB: 186 | 187 | 189
- HTML: #BABBBD
P) Print
- PMS: TBD
- CMYK: 0 | 0 | 0 | 40
Colour Combinations
Colours are used and combined in layouts according to the guidelines provided – these combinations ensure appropriate contrast.
A) Preferred Combination
B) Background + Pattern
C) Allowed Combination
D) Forbidden Combination
A) Metropolia Orange
B) Metropolia Orange 50%
C) White
D) Metropolia Grey
E) Yellow
F) Yellow 50%
G) Pink
H) Pink 50%
I) Mint
J) Mint 50%
K) Concrete
L) Concrete 50%
Typography Colours
- Ensure colour combinations in typography meet accessibility standards.
- Orange may only be used as a text colour in large sizes (18 px and above).
- For longer texts, dark grey should be used as the default text colour.
- On an orange background, only headline-sized text is permitted.
Metropolia Orange
Digital
- RGB: 255 | 80 | 0
- HTML: #FF5000
- PMS: Orange 021
- CMYK: 0 | 80 | 100 | 0
Orange may also be used at 50% opacity.
Metropolia Grey
Digital
- RGB: 83 | 86 | 90
- HTML: #53565A
- PMS: Cool Gray 11 C
- CMYK: 0 | 0 | 0 | 75
White
Digital
- RGB: 255 | 255 | 255
- HTML: #FFFFFF
- CMYK: 0 | 0 | 0 | 0
Yellow
Digital
- RGB: 255 | 240 | 0
- HTML: #FFF000
- PMS: 106
- CMYK: 2 | 0 | 100 | 0
Pink
Digital
- RGB: 227 | 132 | 196
- HTML: #E384C4
- PMS: 231
- CMYK: 3 | 45 | 0 | 0
Mint
Digital
- RGB: 140 | 235 | 165
- HTML: #8CEBA5
- PMS: TBD
- CMYK: 35 | 0 | 45 | 0
Secondary colours may also be used at 50% opacity.
Yellow
Digital
- RGB: 255 | 240 | 0
- HTML: #FFF000
- PMS: 106
- CMYK: 2 | 0 | 100 | 0
Pink
Digital
- RGB: 227 | 132 | 196
- HTML: #E384C4
- PMS: 231
- CMYK: 3 | 45 | 0 | 0
Mint
Digital
- RGB: 140 | 235 | 165
- HTML: #8CEBA5
- PMS: TBD
- CMYK: 35 | 0 | 45 | 0
A) Metropolia Orange
Digital
- RGB: 255 | 80 | 0
- HTML: #FF5000
- PMS: Orange 021
- CMYK: 0 | 80 | 100 | 0
Orange may also be used at 50% opacity.
B) Metropolia Grey
Digital
- RGB: 83 | 86 | 90
- HTML: #53565A
- PMS: Cool Gray 11 C
- CMYK: 0 | 0 | 0 | 75
C) White
Digital
- RGB: 255 | 255 | 255
- HTML: #FFFFFF
- CMYK: 0 | 0 | 0 | 0
D) Dark Grey
Digital
- RGB: 54 | 62 | 60
- HTML: #363E3C
- PMS: Cool Gray 11 C
- CMYK: 0 | 0 | 0 | 90
Questions About Colour Usage?
Contact Metropolia Communications at: marketing [at] metropolia.fi (marketing[at]metropolia[dot]fi)




