Couleurs
Les couleurs de la marque sont méticuleusement choisies pour exprimer son identité. Elles permettent d’apporter de l’énergie à la marque et de se différentier sur le marché.
Les bases
Sélectionnez les palettes en fonction du support et de son utilisation. Une différence de teinte peu apparaitre entre les support digitaux et imprimés.
Digital
Pour les créations sur support digital, utiliser les valeurs RVB ou HEX.
Impression
Pour les supports qui seront imprimés, utiliser les valeurs CMJN.Attention : les valeurs des couleurs pour le digital ne vont pas s’imprimer correctement si utilisées à cet effet et inversement, les valeurs des couleurs pour l’impression ne vont pas s’affiche correctement si utilisées sur écran.
Couleurs principales
Ce sont les couleurs de base de la marque, elles peuvent être combinées les unes avec les autres (voir section «combinaison de couleurs»).
Les couleurs claires s’utilisent en fond uniquement.
Attention : les couleurs ne doivent pas correspondre à un service ou une fonctionnalité spécifique.Attention : pour des questions de lisibilité, le jaune est à utiliser en fond uniquement.
Basique
Noir
HEX
000000
RVB
0 0 0
CMJN
0 0 0 100
Blanc
HEX
FFFFFF
RVB
255 255 255
CMJN
0 0 0 0
Beige
HEX
F7F1EB
RVB
247 241 235
CMJN
2 4 6 0
Bleu
Bleu
HEX
73D4FF
RVB
115 212 235
CMJN
46 0 0 0
Bleu clair
HEX
DFF3FF
RVB
223 243 255
15 0 0 0
Bleu contraste
HEX
121254
RVB
18 18 84
CMJN
100 95 25 40
Rose
Rose
HEX
F587D6
RVB
245 135 214
CMJN
0 56 0 0
Rose clair
HEX
FCE7F7
RVB
252 231 247
CMJN
0 14 0 0
Rose contraste
HEX
3B0D2E
RVB
59 13 46
CMJN
65 90 45 60
Jaune
Jaune
HEX
FFE542
RVB
255 225 66
CMJN
0 5 83 0
Jaune clair
HEX
FFFBC2
RVB
255 251 194
CMJN
0 2 32 0
Jaune contraste
HEX
3F2111
RVB
63 33 17
CMJN
40 68 78 74
Couleurs secondaires
Ces couleurs permettent d’apporter de la profondeur à l’ensemble de la marque. Voir section «combinaison de couleurs» pour leurs utilisations.
Attention : les couleurs secondaires ne peuvent pas s’utiliser sur un autre fond que blanc ou beige.
Vert
Vert
HEX
5ECF87
RVB
94 207 135
CMJN
55 0 60 0
Vert clair
HEX
DFF9E8
RVB
223 249 232
CMJN
16 0 14 0
Vert contraste
HEX
Value
RVB
13 50 18
CMJN
77 35 77 71
Orange
Orange
HEX
FF9E24
RVB
255 158 36
CMJN
0 44 96 0
Orange clair
HEX
FFEBC6
RVB
255 235 198
CMJN
0 9 28 0
Orange contraste
HEX
3B1C0D
RVB
59 28 13
CMJN
40 68 73 79
Combinaisons de couleurs
Toutes les couleurs ne fonctionneront pas selon la couleur de fond. Vous trouverez ci-dessous des exemples des combinaisons possible; une couleur de base associée à deux couleurs d’appui.Il n’est pas obligatoire d’utiliser toutes les couleurs d’appui indiquées dans une combinaison en même temps.
Les couleurs d’appui s’utilisent autant pour les tags que pour la mascotte.
Combo bleu
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo bleu contrasté
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo rose
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo rose contrasté
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo jaune
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo jaune contrasté
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo blanc
Couleur de base: BlancCouleurs d’appui: Toutes les couleurs fonctionnent
Combo beige
Couleur de base: BeigeCouleurs d’appui: Toutes les couleurs fonctionnent
Ne pas utiliser de combo orange
L’orange s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour l’orange de contraste.
Ne pas utiliser de combo vert
Le vert s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour le vert de contraste.
Accessibilité du texte
Une bonne accessibilité commence par un texte lisible. En digital, cela signifie garantir un contraste élevé entre le texte et les couleurs de fond. Tipee respecte les directives WCAG et vise la conformité AA. Afin d’assurer un contraste adéquat, un rapport de contraste d'au moins 4.5:1 est nécessaire pour un texte normal (en dessous de 24 px) et de 3:1 pour un grand texte (24 px ou en dessus / si texte en bold 19 px et en dessus).
✅ Contraste - AA (4.5:1+)
✅ Contraste - AA (4.5:1+)
⛔️ Contraste (2.25:1)
⛔️ Contraste (2.42:1)
Utilisations incorrectes
Respecter les règles d’utilisation des couleurs afin de garantir une uniformité entre les différents supports de la marque.
Pas de couleurs supplémentaires
Ne pas ajouter de couleurs supplémentaires à celles définies dans la palette ci-dessus.
Ne pas utiliser la pipette
Utiliser les valeurs de couleurs définies ci-dessous, pour éviter toute différence de teinte. En impression, utiliser d’autres valeurs peut générer des rendus problématiques.
Pas de dégradé
Ne pas utiliser de dégradé dans l’univers de la marque.
Ne pas mélanger les types de couleurs
Utiliser les valeurs RVB/HEX pour le digital et les valeurs CMJN/PMS pour l’impression. Ne prendre les bonnes valeurs va générer des problèmes d’uniformités entre les supports.
Vous avez des questions ?
Si vous avez des questions concernants l’application ou l’utilisation de la marque tipee ou de ses éléments, merci de prendre contact avec notre département communication.
Nous contacter
Couleurs
Les couleurs de la marque sont méticuleusement choisies pour exprimer son identité. Elles permettent d’apporter de l’énergie à la marque et de se différentier sur le marché.
Les bases
Sélectionnez les palettes en fonction du support et de son utilisation. Une différence de teinte peu apparaitre entre les support digitaux et imprimés.
Digital
Pour les créations sur support digital, utiliser les valeurs RVB ou HEX.
Impression
Pour les supports qui seront imprimés, utiliser les valeurs CMJN.Attention : les valeurs des couleurs pour le digital ne vont pas s’imprimer correctement si utilisées à cet effet et inversement, les valeurs des couleurs pour l’impression ne vont pas s’affiche correctement si utilisées sur écran.
Couleurs principales
Ce sont les couleurs de base de la marque, elles peuvent être combinées les unes avec les autres (voir section «combinaison de couleurs»).
Les couleurs claires s’utilisent en fond uniquement.
Attention : les couleurs ne doivent pas correspondre à un service ou une fonctionnalité spécifique.Attention : pour des questions de lisibilité, le jaune est à utiliser en fond uniquement.
Basique
Noir
HEX
000000
RVB
0 0 0
CMJN
0 0 0 100
Blanc
HEX
FFFFFF
RVB
255 255 255
CMJN
0 0 0 0
Beige
HEX
F7F1EB
RVB
247 241 235
CMJN
2 4 6 0
Bleu
Bleu
HEX
73D4FF
RVB
115 212 235
CMJN
46 0 0 0
Bleu clair
HEX
DFF3FF
RVB
223 243 255
15 0 0 0
Bleu contraste
HEX
121254
RVB
18 18 84
CMJN
100 95 25 40
Rose
Rose
HEX
F587D6
RVB
245 135 214
CMJN
0 56 0 0
Rose clair
HEX
FCE7F7
RVB
252 231 247
CMJN
0 14 0 0
Rose contraste
HEX
3B0D2E
RVB
59 13 46
CMJN
65 90 45 60
Jaune
Jaune
HEX
FFE542
RVB
255 225 66
CMJN
0 5 83 0
Jaune clair
HEX
FFFBC2
RVB
255 251 194
CMJN
0 2 32 0
Jaune contraste
HEX
3F2111
RVB
63 33 17
CMJN
40 68 78 74
Couleurs secondaires
Ces couleurs permettent d’apporter de la profondeur à l’ensemble de la marque. Voir section «combinaison de couleurs» pour leurs utilisations.
Attention : les couleurs secondaires ne peuvent pas s’utiliser sur un autre fond que blanc ou beige.
Vert
Vert
HEX
5ECF87
RVB
94 207 135
CMJN
55 0 60 0
Vert clair
HEX
DFF9E8
RVB
223 249 232
CMJN
16 0 14 0
Vert contraste
HEX
Value
RVB
13 50 18
CMJN
77 35 77 71
Orange
Orange
HEX
FF9E24
RVB
255 158 36
CMJN
0 44 96 0
Orange clair
HEX
FFEBC6
RVB
255 235 198
CMJN
0 9 28 0
Orange contraste
HEX
3B1C0D
RVB
59 28 13
CMJN
40 68 73 79
Combinaisons de couleurs
Toutes les couleurs ne fonctionneront pas selon la couleur de fond. Vous trouverez ci-dessous des exemples des combinaisons possible; une couleur de base associée à deux couleurs d’appui.Il n’est pas obligatoire d’utiliser toutes les couleurs d’appui indiquées dans une combinaison en même temps.
Les couleurs d’appui s’utilisent autant pour les tags que pour la mascotte.
Combo bleu
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo bleu contrasté
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo rose
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo rose contrasté
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo jaune
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo jaune contrasté
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo blanc
Couleur de base: BlancCouleurs d’appui: Toutes les couleurs fonctionnent
Combo beige
Couleur de base: BeigeCouleurs d’appui: Toutes les couleurs fonctionnent
Ne pas utiliser de combo orange
L’orange s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour l’orange de contraste.
Ne pas utiliser de combo vert
Le vert s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour le vert de contraste.
Accessibilité du texte
Une bonne accessibilité commence par un texte lisible. En digital, cela signifie garantir un contraste élevé entre le texte et les couleurs de fond. Tipee respecte les directives WCAG et vise la conformité AA. Afin d’assurer un contraste adéquat, un rapport de contraste d'au moins 4.5:1 est nécessaire pour un texte normal (en dessous de 24 px) et de 3:1 pour un grand texte (24 px ou en dessus / si texte en bold 19 px et en dessus).
✅ Contraste - AA (4.5:1+)
✅ Contraste - AA (4.5:1+)
⛔️ Contraste (2.25:1)
⛔️ Contraste (2.42:1)
Utilisations incorrectes
Respecter les règles d’utilisation des couleurs afin de garantir une uniformité entre les différents supports de la marque.
Pas de couleurs supplémentaires
Ne pas ajouter de couleurs supplémentaires à celles définies dans la palette ci-dessus.
Ne pas utiliser la pipette
Utiliser les valeurs de couleurs définies ci-dessous, pour éviter toute différence de teinte. En impression, utiliser d’autres valeurs peut générer des rendus problématiques.
Pas de dégradé
Ne pas utiliser de dégradé dans l’univers de la marque.
Ne pas mélanger les types de couleurs
Utiliser les valeurs RVB/HEX pour le digital et les valeurs CMJN/PMS pour l’impression. Ne prendre les bonnes valeurs va générer des problèmes d’uniformités entre les supports.
Vous avez des questions ?
Si vous avez des questions concernants l’application ou l’utilisation de la marque tipee ou de ses éléments, merci de prendre contact avec notre département communication.
Nous contacter
Stratégie
Fondations
Logo
Typographie
Couleurs
Les bases
Principales
Secondaires
Combinaisons de couleur
Accessibilité
Utilisations incorrectes
Iconographie
Mascotte
Tags
Exemples d’application
Ressources
Brand Guidelines
Mise à jour : 27.03.2026
Couleurs
Les couleurs de la marque sont méticuleusement choisies pour exprimer son identité. Elles permettent d’apporter de l’énergie à la marque et de se différentier sur le marché.
Les bases
Sélectionnez les palettes en fonction du support et de son utilisation. Une différence de teinte peu apparaitre entre les support digitaux et imprimés.
Digital
Pour les créations sur support digital, utiliser les valeurs RVB ou HEX.
Impression
Pour les supports qui seront imprimés, utiliser les valeurs CMJN.Attention : les valeurs des couleurs pour le digital ne vont pas s’imprimer correctement si utilisées à cet effet et inversement, les valeurs des couleurs pour l’impression ne vont pas s’affiche correctement si utilisées sur écran.
Couleurs principales
Ce sont les couleurs de base de la marque, elles peuvent être combinées les unes avec les autres (voir section «combinaison de couleurs»).
Les couleurs claires s’utilisent en fond uniquement.
Attention : les couleurs ne doivent pas correspondre à un service ou une fonctionnalité spécifique.Attention : pour des questions de lisibilité, le jaune est à utiliser en fond uniquement.
Basique
Noir
HEX
000000
RVB
0 0 0
CMJN
0 0 0 100
Blanc
HEX
FFFFFF
RVB
255 255 255
CMJN
0 0 0 0
Beige
HEX
F7F1EB
RVB
247 241 235
CMJN
2 4 6 0
Bleu
Bleu
HEX
73D4FF
RVB
115 212 235
CMJN
46 0 0 0
Bleu clair
HEX
DFF3FF
RVB
223 243 255
CMJN
15 0 0 0
Bleu contraste
HEX
121254
RVB
18 18 84
CMJN
100 95 25 40
Rose
Rose
HEX
F587D6
RVB
245 135 214
CMJN
0 56 0 0
Rose clair
HEX
FCE7F7
RVB
252 231 247
CMJN
0 14 0 0
Rose contraste
HEX
3B0D2E
RVB
59 13 46
CMJN
65 90 45 60
Jaune
Jaune
HEX
FFE542
RVB
255 225 66
CMJN
0 5 83 0
Jaune clair
HEX
FFFBC2
RVB
255 251 194
CMJN
0 2 32 0
Jaune contraste
HEX
3F2111
RVB
63 33 17
CMJN
40 68 78 74
Couleurs secondaires
Ces couleurs secondaires permettent d’apporter de la profondeur à l’ensemble de la marque. Voir section «combinaison de couleurs» pour leurs utilisations.
Les couleurs claires s’utilisent en fond uniquement.
Attention : les couleurs secondaires ne peuvent pas s’utiliser sur un autre fond que blanc ou beige.
Vert
Vert
HEX
5ECF87
RVB
94 207 135
CMJN
55 0 60 0
Vert clair
HEX
DFF9E8
RVB
223 249 232
CMJN
16 0 14 0
Vert contraste
HEX
0D3212
RVB
13 50 18
CMJN
77 35 77 71
Orange
Orange
HEX
FF9E24
RVB
255 158 36
CMJN
0 44 96 0
Orange clair
HEX
FFEBC6
RVB
255 235 198
CMJN
0 9 28 0
Orange contraste
HEX
3B1C0D
RVB
59 28 13
CMJN
40 68 73 79
Combinaisons de couleurs
Toutes les couleurs ne fonctionneront pas selon la couleur de fond. Vous trouverez ci-dessous des exemples des combinaisons possible; une couleur de base associée à deux couleurs d’appui.Il n’est pas obligatoire d’utiliser toutes les couleurs d’appui indiquées dans une combinaison en même temps.
Les couleurs d’appui s’utilisent autant pour les tags que pour la mascotte.
Combo bleu
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo bleu contrasté
Couleur de base: BleuCouleurs d’appui: Rose & Jaune
Combo rose
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo rose contrasté
Couleur de base: RoseCouleurs d’appui: Bleu & Jaune
Combo jaune
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo jaune contrasté
Couleur de base: JauneCouleurs d’appui: Bleu & Rose
Combo blanc
Couleur de base: BlancCouleurs d’appui: Toutes les couleurs fonctionnent
Combo beige
Couleur de base: BeigeCouleurs d’appui: Toutes les couleurs fonctionnent
Ne pas utiliser de combo orange
L’orange s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour l’orange de contraste.
Ne pas utiliser de combo vert
Le vert s’utilise uniquement seul ou avec un fond blanc. Il ne peut en aucun cas être utilisé comme couleur de base associée à des couleurs d’appui. Également valable pour le vert de contraste.
Accessibilité du texte
Une bonne accessibilité commence par un texte lisible. En digital, cela signifie garantir un contraste élevé entre le texte et les couleurs de fond. Tipee respecte les directives WCAG et vise la conformité AA. Afin d’assurer un contraste adéquat, un rapport de contraste d'au moins 4.5:1 est nécessaire pour un texte normal (en dessous de 24 px) et de 3:1 pour un grand texte (24 px ou en dessus / si texte en bold 19 px et en dessus).
✅ Contraste - AA (4.5:1+)
✅ Contraste - AA (4.5:1+)
⛔️ Contraste (2.25:1)
⛔️ Contraste (2.42:1)
Utilisations incorrectes
Respecter les règles d’utilisation des couleurs afin de garantir une uniformité entre les différents supports de la marque.
Pas de couleurs supplémentaires
Ne pas ajouter de couleurs supplémentaires à celles définies dans la palette ci-dessus.
Ne pas utiliser la pipette
Utiliser les valeurs de couleurs définies ci-dessous, pour éviter toute différence de teinte. En impression, utiliser d’autres valeurs peut générer des rendus problématiques.
Pas de dégradé
Ne pas utiliser de dégradé dans l’univers de la marque.
Ne pas mélanger les types de couleurs
Utiliser les valeurs RVB/HEX pour le digital et les valeurs CMJN/PMS pour l’impression. Ne prendre les bonnes valeurs va générer des problèmes d’uniformités entre les supports.
Vous avez des questions ?
Si vous avez des questions concernants l’application ou l’utilisation de la marque tipee ou de ses éléments, merci de prendre contact avec notre département communication.
Nous contacter