Please don't forget to read Usage part of each element.
Colors
Maintaining consistent and engaging digital interfaces, whether applications or experiences, demands extended guidance around color usage.
Overview
Proximus' brand defined for each primary and secondary colors a swatch of 10 color variations. On the web, we only use a selected portion of each variation.
Color usage as font colors or background colors
This article defines the general color usage. It will also give you all the color references (style tab). Please refer to the background colors and text colors articles for more detailed usage guidelines.
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1.
Success criterion 1.4.3 Contrast
Purple primary color
Purple is our brand identifier and should always be clearly visible in all our communications. Full purple is dominant and serves as the primary action color across all Proximus platforms, making use of subtle shifts in values to help organize content into distinct zones.
Canvas colors
White, grey and black grey are considered as canvas. It enables our colours to stand out.
White
Balanced ratios of white accentuate our purple and create a stage for products and offers.
Grey
There is 5 grey possibilities, who can be used as background colors or in particular to compose assets elements.
Black
Black can be used for black based identities: Pickx and TV related content.
Secondary colors
Secondary colors can further enrich our communications. They play a supporting role and can help where additional colors are required. They can never be used standalone, but always in combination with the primary purple (most often in a gradient).
The usage of secondary colors is defined by segment to follow brand identity. The color intensity decreases as follows along the Business Units.

Residential
Business & Enterprise
Yellow and Almond are part of our secondary colors but considered as level 2 and tend to give less desirable results. Please avoid to use them or use it with parsimony.
Promo colors
We use Proximus' red as indicator of promotions. But to ensure the color contrast and accessibility, other colors are defined for web interfaces. For the same reasons, promo colors are different for positive and negative modes.
Positive mode
Negative mode
Promo text color on purple background is not accessible. Always prefer white color text on purple background instead of pink/promo text color.
Status colors
These colors are defined to give specific message to the users and can be used through all the segments as background or font color.
Success status
Positive mode
Negative mode
Warning status
Positive mode
Negative mode
Error status
Positive mode
Negative mode
Status text colors on purple background are not accessible, so these colors can't be used on this background color.
States
Specific colors are defined for the states.
More info about the statesBranded component
Other colors exist and are then reserved for specific themes
More info about the themes