Aller au Contenu Principal

Couleur

La couleur peut regrouper du contenu, faciliter la navigation et susciter des émotions. Nous y arrivons grâce aux couleurs principales et secondaires.


Palette de couleurs principales

Nous utilisons systématiquement 4 couleurs principales pour établir la reconnaissance de la marque : le bleu, le rouge, le blanc et le gris.

Le bleu est souvent associé à la confiance, à l’honnêteté et au professionnalisme. Le rouge invoque la chaleur, l’énergie et l’enthousiasme. Le blanc est un symbole de simplicité, alors que le gris crée une apparence neutre, plus officielle qui s’harmonise avec les autres couleurs.

Ces couleurs doivent être mises en évidence dans toutes les communications numériques. Veuillez conserver les ratios suivants dans toutes les applications numériques :

Bleu – 20 %
Rouge – 10 %
Blanc – 60 %
Gris – 10 %

 

RGB 202 38 26
HEX CA261A

 

RGB 214 44 49
HEX D55148

 

RGB 249 233 232
HEX F9E9E8

 

RGB 4 103 198
HEX 0467C6

 

RGB 54 133 209
HEX 3685D1

 

RGB 155 194 232
HEX 9BC2E8

 

RGB 229 239 249
HEX E5EFF9

 

RGB 0 73 144
HEX 004990

 

RGB 17 17 17
HEX 111111

 

RGB 51 51 51
HEX 333333

 

RGB 102 102 102
HEX 666666

 

RGB 203 203 203
HEX CBCBCB

 

RGB 217 217 217
HEX D9D9D9

 

RGB 229 229 229
HEX E5E5E5

 

RGB 240 240 240
HEX F0F0F0

 

RGB 255 255 255
HEX FFFFFF

 

RGB 202 38 26
HEX CA261A

 

RGB 214 44 49
HEX D55148

 

RGB 249 233 232
HEX F9E9E8

 

RGB 4 103 198
HEX 0467C6

 

RGB 54 133 209
HEX 3685D1

 

RGB 155 194 232
HEX 9BC2E8

 

RGB 229 239 249
HEX E5EFF9

 

RGB 0 73 144
HEX 004990

 

RGB 17 17 17
HEX 111111

 

RGB 51 51 51
HEX 333333

 

RGB 102 102 102
HEX 666666

 

RGB 203 203 203
HEX CBCBCB

 

RGB 217 217 217
HEX D9D9D9

 

RGB 229 229 229
HEX E5E5E5

 

RGB 240 240 240
HEX F0F0F0

 

RGB 255 255 255
HEX FFFFFF

Palette de couleurs secondaires

Nous utilisons nos couleurs secondaires pour rehausser les principales. Les couleurs secondaires doivent toujours s’harmoniser aux couleurs principales de notre identité visuelle. Elles ne doivent jamais prédominer ou envahir la présence des couleurs principales. Utilisez les couleurs secondaires pour des cas particuliers tels que des messages d’erreur, des avis et des alertes.

 

RGB 9 138 0
HEX 098A00

 

RGB 107 185 102
HEX 6BB966

 

RGB 157 208 153
HEX 9DD099

 

RGB 230 243 229
HEX E6F3E5

 

RGB 255 191 5
HEX FFBF05

 

RGB 255 204 55
HEX FFCC37

 

RGB 255 239 192
HEX FFEFC0

 

RGB 9 138 0
HEX 098A00

 

RGB 107 185 102
HEX 6BB966

 

RGB 157 208 153
HEX 9DD099

 

RGB 230 243 229
HEX E6F3E5

 

RGB 255 191 5
HEX FFBF05

 

RGB 255 204 55
HEX FFCC37

 

RGB 255 239 192
HEX FFEFC0

Illustration numérique

Notre palette d'iconographie et d’illustration numérique découle de nos palettes primaire et secondaire. Des nuances supplémentaires sont utilisées en matière d’illustration numérique afin d’aider à améliorer l’avant-plan et l’arrière-plan. Les teintes agrémentent les couleurs principales et ne doivent jamais prédominer ou envahir les palettes primaire et secondaire.

Accessibilité

Le contenu sur notre site Web doit être accessible à tous les Canadiens. La couleur joue un rôle essentiel dans l’accessibilité à notre contenu.

À Postes Canada, nous cherchons à respecter la norme AA des Règles pour l’accessibilité des contenus Web (WCAG). Certains utilisateurs ne peuvent pas bien voir la couleur ou pas du tout. Si vous prévoyez utiliser de la couleur pour transmettre des renseignements importants, veuillez vous assurer que vous respectez l’utilisation de la couleur des règles WCAG.

Pour les utilisateurs qui ont une déficience de la vue et qui ont besoin de la technologie fonctionnelle d’accentuation des contrastes, déterminez si le texte est lisible sur des arrière-plans de différentes couleurs en suivant les contrastes minimaux énoncés par les règles WCAG.

Content...