Results for

Color

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.

  • #0458C7
    Primary blue for web
    Used for actionable elements like links, buttons, etc.

Secondary colors

  • #62ad2d
    Umicore primary green
    Accent in gradients
  • #008D36
    Highlight green
    Used to highlight text that is not actionable (tags, quotes, etc)
  • #047258
    Background green
    Used as a solid background color for banner components

Greys

  • #262727
    Black 100%
    Main text color
  • #676d72
    Grey 80%
    Secondary text color
  • #999fa3
    Grey 60%
    Borders of form items
  • #D0d8dc
    Grey 40%
    Disabled states
  • #f7f7f8
    Grey 20%
    Background color for navigation, overlays etc