Colors

Primary colors

The primary colors are derived from the Umicore logo, and reflect the colors of the natural world. These colors must be matched accurately to ensure that they always appear consistently.

#0068A8

Pantone 301 C | RAL 5010

CMYK 100-38-0-18 | RGB 0-104-168
#62AD2D

Pantone 369 C | RAL 6018

CMYK 65-0-100-5 | RGB 98-173-45

Secondary colors

Secondary colors are derived from the color palette within the spectrum from Umicore green to Umicore blue, otherwise known as a “gradient from green to blue”.

These colors can be used in charts, diagrams and as backgrounds. They must be matched accurately to ensure they always appear consistently.

We advise to use Pantone 369 C or a darker shade of green when used as a background color with white text.

#0068A8

Pantone 301 C | RAL 5010

CMYK 100-38-0-18 | RGB 0-104-168
#153B7D

Pantone 280 C | RAL 5013

CMYK 100-80-10-15 | RGB 21-59-125
#2B4E9D

Pantone 286 C | RAL 5002

CMYK 92-72-0-0 | RGB 43-78-157
#00A0DD

Pantone 299 C | RAL 5015

CMYK 81-15-0-0 | RGB 0-160-221
#56C2E1

Pantone 2985 C | RAL 5012

CMYK 64-0-10-0 | RGB 86-194-225
#97CEEB

Pantone 2975 C | RAL 5024

CMYK 41-0-0-7 | RGB 151-206-235
#006A91

Pantone 308 C | RAL 5019

CMYK 92-52-30-0 | 0-106-145
#00AA9B

Pantone 326 C | RAL 5021

CMYK 80-0-45-0 | RGB 59-183-180
#055B65

Pantone 3165 C | RAL 5020

CMYK 80-16-30-55 | RGB 5-91-101
#047258

Pantone 342 C | RAL 6026

CMYK 100-20-70-20 | RGB 4-114-88
#3AAA35

Pantone 340 C | RAL 6024

CMYK 100-0-70-5 | RGB 58-170-53
#41A62A

Pantone 361 C | RAL 6037

CMYK 80-0-100-0 | RGB 65-166-42
#008D36

Pantone 356 C | RAL 6024

CMYK 85-10-100-10 | RGB 0-141-54
#8CBA21

Pantone 377 C | RAL 6025

CMYK 55-15-100-4 | RGB 133-166-93
#95C526

Pantone 376 C | RAL 6017

CMYK 45-0-95-0 | RGB 149-197-38
#CDD724

Pantone 382 C | RAL 6019

CMYK 25-0-90-0 | RGB 205-215-36
#62AD2D

Pantone 369 C | RAL 6018

CMYK 65-0-100-5 | RGB 98-173-45

Secondary gray colors

Another group fo secondary colors are within the sprectrum from light gray to dark grey.

These colors can be used in charts, diagrams and as backgrounds. They must be matched accurately to ensure they always appear consistently.

#E3E4E4

Pantone Cool Grey 1 C | RAL 7047

CMYK 0-0-0-15 | RGB 227-228-228
#CFD1D2

Pantone Cool Grey 3 C | RAL 7004

CMYK 0-0-0-25 | RGB 207-209-210
#AEACAC

Pantone Cool Grey 5 C | RAL 7001

CMYK 2-4-4-40 | RGB 174-172-172
#989698

Pantone Cool Grey 7 C | RAL 7000

CMYK 3-5-5-50 | RGB 152-150-152
#838181

Pantone Cool Grey 8 C | RAL 7012

CMYK 3-6-6-60 | RGB 131-129-129
#6C6A6A

Pantone Cool Grey 9 C | RAL 7015

CMYK 4-7-7-70 | RGB 108-106-106
#555252

Pantone Cool Grey 10 C | RAL 7024

CMYK 4-8-8-80 | RGB 85-82-82
#494547

Pantone Cool Grey 11 C | RAL 7021

CMYK 4-9-9-85 | RGB 73-69-70

Tertiary spot colors

Lastly, there is a collection of six, specified spot colors that can be used in a very limited manner as an accent of colour relief from the possible monotony of too many primary and secondary colors, in slide presentations, for example.

Tertiary spot colors cannot, under any circumstances, be used as a primary or secondary color.

#81217A

Pantone 2597 C | RAL 4007

CMYK 60-100-9-2 | RGB 129-33-122
#AB3E90

Pantone 513 C | RAL 4008

CMYK 38-86-0-0 | RGB 171-62-144
#A8221A

Pantone 7628 C | RAL 3032

CMYK 23-97-97-18 | RGB 168-34-26
#FDC500

Pantone 123 C | RAL 1023

CMYK 0-24-100-0 | RGB 253-197-0
#F59C00

Pantone 137 C | RAL 1028

CMYK 0-45-100-0 | RGB 245-156-0
#ED7004

Pantone 151 C | RAL 2008

CMYK 0-66-100-0 | RGB 237-112-4

Web application

The colors used for web are adopted from the main Umicore brand colors with an exception for the primary blue. The palette is also more limited for accessibility reasons and to ensure a minimal, consistent look & feel. More information here.

Gradient color effect

Our gradient is a flexible visual element that is used to highlight certain elements and content. Gradients add depth and vibrancy to our designs. Some examples on how to use them:

Colored Headlines
Inside folder page
At trade shows & events
For Signage elements

Do not

Do not use the gradient color effect as full-color background for brochures, roll-ups, posters or divider slides.

Always set the gradient at 45 degree, starting from the lower-left corner towards the upper-right corner.

5-color gradient

The 5-colour gradient is intended to be applied to the assets developed for a large-format print (e.g. banners, posters), as being composed of a larger amount of nuanced colors it provides better quality and a more vibrant effect on large-format supports.

The gradient can be used in different opacity versions:

#153B7D

Pantone 280C | RAL 5013

CMYK 100-80-10-15 | RGB 21-59-125 (position 0%)
#0068A8

Pantone 301 C | RAL 5010

CMYK 100-38-0-18 | RGB 0-104-168 (position 25%)
#3AAA35

Pantone 363 | RAL 6018

CMYK 100-0-70-5 | RGB 58-170-53 (position 50%)
#62AD2D

Pantone 369 C | RAL 6018

CMYK 65-0-100-5 | RGB 98-173-45 (position 75%)
#95C526

Pantone 376 C | RAL 6017

CMYK 45-0-95-0 | RGB 149-197-38 (position 100%)

3-color gradient

The 3-color gradient is intended to be applied to all the other assets used in normal format print, or presentation materials.