Palette de couleurs
Votre palette de couleurs définit la personnalité de chaque Espace vu par vos acheteurs. Bien réglée, vous n'aurez plus jamais à y penser.
⚠️ Nécessite le rôle d'organisation Admin. Allez dans Paramètres → Branding → Color Palette.
Deux palettes, deux portées
Les paramètres de branding contiennent deux palettes de couleurs, qui remplissent des rôles différents.
Palette de l'espace de travail — Settings → Branding → Color Palette
Les valeurs par défaut au niveau de l'espace de travail, cinq échantillons :
Couleur | Où elle apparaît |
|---|---|
Primary Color (couleur primaire) | CTA principaux, état actif de la navigation, éléments porteurs de la marque |
Secondary Color (couleur secondaire) | CTA secondaires, accents, bordures |
Accent Color (couleur d'accentuation) | Mises en avant, badges, pastilles de statut |
Background Color (couleur de fond) | Fond de page |
Surface Color (couleur de surface) | Cartes, panneaux et autres surfaces en relief posées sur le fond |
Palette de thème — Settings → Branding → Room Themes → (thème) → Color Palette
Chaque thème d'Espace porte sa propre palette, et c'est celle-là que les Espaces affichent réellement :
Couleur | Remarques |
|---|---|
Primary Color | Libellée Buttons & Icons (boutons et icônes). Accepte un dégradé au lieu d'une couleur unie |
Secondary Color | Accepte un dégradé |
Accent Color | Accepte un dégradé |
Background Color | Fond de page de l'Espace |
Text Color (couleur du texte) | Couleur par défaut du corps de texte — c'est l'échantillon qui porte le contrôle de contraste |
N'importe quel sélecteur peut aussi être réglé sur transparent.
Comment choisir des couleurs qui fonctionnent
Reprenez-les de votre charte de marque. Si votre équipe marketing dispose d'une palette formelle, utilisez ces valeurs hexadécimales exactes. Ici, la cohérence l'emporte sur la créativité.
Pas de charte ? Choisissez :
- Primary — une couleur affirmée et distinctive que vous serez content de voir sur chaque CTA (souvent la couleur dominante de votre logo)
- Secondary — une deuxième option complémentaire, en général une autre teinte ou une nuance plus sombre / plus claire
- Accent — une couleur vive qui attire l'œil sur les indicateurs de statut et les badges
- Background — presque toujours du blanc ou un neutre proche du blanc pour les Espaces (#FFFFFF ou #F8F8F8)
- Texte — gris très foncé ou noir pour la lisibilité (#111 ou #000)
Le contraste compte
Le sélecteur Text Color de la palette d'un thème d'Espace affiche un badge de contraste en direct : le ratio mesuré par rapport à la couleur de fond de ce thème, plus un indicateur réussite / avertissement / échec.
Visez :
- AA (4,5:1) pour le texte courant — lisible pour la plupart des lecteurs
- AAA (7:1) en bonne pratique, surtout si votre audience comprend des acheteurs plus âgés ou des personnes malvoyantes
En dessous de 4,5:1, le badge est en échec ; entre 4,5:1 et 7:1, il avertit. Corrigez en ajustant la couleur du texte ou celle du fond.
Prévisualiser les changements
Utilisez l'icône œil sur la ligne d'un thème pour ouvrir l'aperçu du thème (prévisualiser le thème) et voir la palette appliquée avant de vous engager. Rien n'est en ligne tant que vous n'avez pas cliqué sur Enregistrer les modifications dans la barre en bas de page.
Articles associés
Mis à jour le : 04/10/2026
Merci !