Visual Guidelines: Colors

Primary colors

The main color is orange, which symbolizes energy, going forward, warmth and intimacy. Dark gray acts as a contrast to warm orange.

Orange

PMS Orange 021

CMYK 0 | 75 | 100 | 0

RGB 255 | 80 | 0

HTML ff5000

Orange color.

Grey

PMS Cool Gray 11 C

CMYK 0 | 0 | 0 | 75

RGB 83 | 86 | 90

HTML 53565a

Grey color.

Orange serves as a color that creates Metropolia's visual identity and strengthens Metropolia's recognizability. Typography's color is mainly either dark gray or black, primarily 80% black or secondarily 100% black. Orange can be used as a highlight color for text. In addition to the primary colors, auxiliary and trend colors are used.

Auxiliary colors

The main colors are supported by a fresh auxiliary color palette complemented by black and white, which enables stylish implementations. Auxiliary colors are support colors that are used alongside primary colors to group items, differentiate things, and bring variety to the whole.

White

CMYK 0 | 0 | 0 | 0

RGB 255 | 255 | 255

HTML ffffff

White color.

Black

CMYK 91 | 79 | 62 | 97

RGB 0 | 0 | 0

HTML 000000

Black color.

Red

PMS not defined

CMYK 0 | 95 | 86 | 0

RGB 203 | 34 | 40

HTML cb2228

Red color.

Blue

PANTONE BLUE 072

CMYK 88 | 77 | 0 | 0

RGB 64 | 70 | 168

HTML 4046a8

Blue color.

Yellow

PMS 106

CMYK 6 | 0 | 88 | 0

RGB 255 | 240 | 0

HTML fff000

Yellow color.

Trend colors

Trend colors change every few years and their use is only recommended in short-lived communication materials such as event communication. In longer-lasting materials, auxiliary colors are used alongside the main colors.

Pink

PMS 231

CMYK 3 | 59 | 0 | 0

RGB 227 | 132 | 196

HTML e384c4

Pink color.

Light blue

PMS 306

CMYK 75 | 3 | 2 | 0

RGB 93 | 177 | 228

HTML 5db1e4

Light blue color.

Green

PMS PANTONE GREEN

CMYK 89 | 0 | 55 | 0

RGB 59 | 168 | 143

HTML 3ba88f

Green color.

Auxiliary and trend colors always play a much smaller role than primary colors and are used only alongside primary colors, never alone. Auxiliary and trend colors are preferably used as 100% compact colors, the use of lighter shades (e.g. 50%) is not recommended.

See other sections of the visual guidelines

Metropolia orange grey logo.

Read the guidelines for use of the Metropolia logo and download the logo from the logo bank

Read Metropolia's typography guidelines

Read Metropolia's image guidelines

More information

Metropolia's communication services, marketing [at] metropolia.fi (marketing[at]metropolia[dot]fi)