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.
Primary color
For consistency reasons we have one main color which is an adaptation of the Umicore primary blue. The color was slightly updated to reflect the modern and minimal look & feel of the new website. But the main reason for this change was to ensure accesibility and contrast in relation to the to the other colors in the pallete.
The primary blue is used to highlight action.
-
#0458C7Primary blue for webUsed for actionable elements like links, buttons, etc.
Secondary colors
-
#62ad2dUmicore primary greenAccent in gradients -
#008D36Highlight greenUsed to highlight text that is not actionable (tags, quotes, etc) -
#047258Background greenUsed as a solid background color for banner components
Greys
-
#262727Black 100%Main text color -
#676d72Grey 80%Secondary text color -
#999fa3Grey 60%Borders of form items -
#D0d8dcGrey 40%Disabled states -
#f7f7f8Grey 20%Background color for navigation, overlays etc