L’essentiel en bref
- Une palette de marque qui fonctionne compte quatre ou cinq couleurs aux rôles fixes : un fond, une couleur principale, un ton de soutien, un neutre pour le texte et un accent.
- L’accent est la couleur dont on se souvient, il doit donc apparaître sur une seule chose à la fois, comme un bouton, un prix ou le symbole d’un logo.
- Des palettes adaptées à un secteur aident les clients à comprendre ce que vous vendez, mais c’est une seule couleur inattendue qui rend une marque reconnaissable.
- Testez une palette sur de vrais designs à de vraies tailles, en clair et en sombre, avant de vous engager, car des échantillons sur une page blanche cachent la plupart des problèmes.
- Vérifiez que la couleur de votre texte sur votre fond respecte le contraste WCAG, sinon le texte courant sera difficile à lire pour beaucoup de monde.
Sur cette page
De bonnes idées de couleurs de marque partent des rôles, pas des préférences. Choisissez une couleur de fond sur laquelle reposent la plupart de vos designs, une couleur principale qui dit quel type d’entreprise vous êtes, un ton de soutien pour la profondeur, un neutre pour le texte et un accent par lequel on se souvient de vous. Voici 30 palettes construites ainsi, six par ambiance avec échantillons et 24 par secteur avec codes, plus une méthode rapide pour tester celle que vous choisissez.
Comment se construit une palette de couleurs de marque
La plupart des palettes ratées sont cinq couleurs de poids égal : rien ne domine, donc rien n’est reconnaissable. Une palette fonctionne quand chaque couleur a sa part d’espace : le fond couvre l’essentiel, la couleur principale une bonne part, et l’accent juste une mince bande. La règle 60 30 10 est un bon ratio de départ, même si vous l’assouplissez ensuite.
Fonction
Part d’un design
Fonction
Fonction
Fonction
Fonction
Palettes de couleurs de marque par ambiance
Commencez ici si vous savez ce que les gens doivent ressentir. Les associations de couleurs sont culturelles plutôt qu’universelles, comme l’explique la psychologie des couleurs.
Idées de couleurs de marque par secteur
Chaque palette sectorielle liste quatre codes, en général du plus sombre au plus clair, et la dernière colonne nomme la couleur qui joue le rôle d’accent. Les conventions existent pour une raison : un dentiste en bleu canard et une boulangerie en bruns chauds se comprennent d’un coup d’œil. Respectez la convention avec votre couleur principale et brisez-la doucement avec votre accent.
Palette
Codes
#1d3557 #457b9d #f1faee #e63946Pourquoi ça marche
Palette
Codes
#2b2d42 #8d99ae #edf2f4 #9c6644Pourquoi ça marche
Codes
#03363d #17a398 #e6f4f1 #ffb703Pourquoi ça marche
Palette
Codes
#264653 #2a9d8f #e9f5f2 #f4a261Pourquoi ça marche
Codes
#4a2c2a #c08552 #f3e9dc #5e8b7ePourquoi ça marche
Palette
Codes
#7f4f24 #dda15e #fefae0 #bc4749Pourquoi ça marche
Palette
Codes
#1b1b1e #7a1e2c #d4a373 #f5ebe0Pourquoi ça marche
Palette
Codes
#2d4a3e #e5989b #ffcdb2 #fffaf5Pourquoi ça marche
Palette
Codes
#5e548e #9f86c0 #e0b1cb #fbf8f3Pourquoi ça marche
Palette
Codes
#111111 #3a3a3a #f2f2f2 #e4ff1aPourquoi ça marche
Palette
Codes
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Pourquoi ça marche
Palette
Codes
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cPourquoi ça marche
Palette
Codes
#14213d #2e1a47 #f5f0e6 #c9a227Pourquoi ça marche
Palette
Codes
#22333b #5e503f #eae0d5 #c6ac8fPourquoi ça marche
Palette
Codes
#262626 #7d7d7d #d9d9d9 #ff5a1fPourquoi ça marche
Palette
Codes
#0b1021 #1f6feb #e6edf3 #7ee787Pourquoi ça marche
Codes
#0a2e2a #00b37e #d7f9ec #1e1e24Pourquoi ça marche
Palette
Codes
#0e0b16 #5b5bd6 #a78bfa #f0abfcPourquoi ça marche
Codes
#1a1423 #ff7b54 #ffb26b #ffd56bPourquoi ça marche
Palette
Codes
#118ab2 #06d6a0 #ffd166 #ef476fPourquoi ça marche
Palette
Codes
#2f3e46 #52796f #cad2c5 #f4a259Pourquoi ça marche
Palette
Codes
#283618 #606c38 #fefae0 #dd6b20Pourquoi ça marche
Palette
Codes
#6d597a #b56576 #e8c2ca #fbf6f0Pourquoi ça marche
Palette
Codes
#090014 #3c096c #ff006e #fb5607Pourquoi ça marche
Comment donner à une palette l’allure de votre marque
Ce qui transforme une palette listée en identité, c’est une décision que personne d’autre dans votre rue n’a prise, en général l’accent : un cabinet d’avocats en brun cuir, une salle de sport en jaune acide. Changez d’abord l’accent et gardez le fond et la couleur du texte, pour gagner un style sans perdre en lisibilité.
À éviter
- Cinq couleurs vives utilisées à égalité
- Choisir d’abord la couleur du logo et le reste à l’œil
- Un accent sur chaque élément de chaque design
- Du texte gris clair sur un fond crème
- Choisir à partir d’échantillons sur une page blanche
À faire
- Un fond qui couvre l’essentiel de l’espace
- Les rôles d’abord, puis les couleurs pour les remplir
- Un seul élément accentué par design
- Un neutre sombre qui passe le contraste
- Tester sur un vrai post, une story et une bannière
Une palette fondue en dégradé doux vous donne un arrière-plan indiscutablement à vous, tant que les couleurs sont voisines.
Testez vos couleurs de marque avant de vous engager
- 1
Faites trois vrais designs
Un post carré, une story 1080×1920 et un en-tête 1500×500, avec de vrais mots et votre logo.
- 2
Vérifiez le contraste du texte
Votre neutre sur votre fond doit passer le niveau AA des WCAG. Contraste des couleurs et accessibilité montre comment le mesurer.
- 3
Regardez en petit
Réduisez le post à la taille d’une vignette. Si vous reconnaissez encore que c’est à vous, la palette fait son travail.
- 4
Essayez-la à côté de vos concurrents
Placez votre post à côté de trois rivaux locaux. S’il se fond dans la masse, changez l’accent, pas toute la palette.
- 5
Notez les codes
Consignez chaque code hex et son rôle au même endroit.
Test d’une palette sur un vrai post : le titre, le détail et l’arrière-plan doivent fonctionner ensemble en 1080×1350.
Si vous voulez de l’aide pour choisir, comment choisir les couleurs de sa marque reprend la décision depuis le début, et les combinaisons de couleurs de logo la ramène aux deux ou trois couleurs que votre symbole doit utiliser.
Transformer des couleurs de marque en style
Cinq codes hex peuvent être copiés par n’importe qui. Dans Gradiently, un Mark porte une palette comme arrière-plan vivant avec sa propre lumière, son grain et son mouvement, et il n’y a pas deux Marks identiques. Cherchez dans le Marché avec des mots de couleur comme « bleu canard profond » pour en trouver un proche de votre palette, concevez avec lui gratuitement, puis réservez-le pour être seul à pouvoir exporter avec. Votre kit de marque garde les codes exacts pour le texte et les accents.
Les questions qu’on nous pose
Combien de couleurs une marque doit-elle avoir ?
Quatre ou cinq suffisent à la plupart des marques : un fond, une couleur principale, un ton de soutien, un neutre pour le texte et un accent. Au-delà, c’est difficile à utiliser avec constance.
Quelle est la meilleure couleur pour une nouvelle marque ?
Il n’y a pas de meilleure couleur unique. Choisissez une couleur principale qui correspond à ce que vous vendez, puis un accent que vos concurrents n’utilisent pas, pour que les clients vous repèrent.
Mes couleurs de marque doivent-elles correspondre à mon secteur ?
Respecter le secteur avec votre couleur principale aide à être compris vite. Le briser avec votre accent vous rend mémorable.
Comment vérifier que mes couleurs de marque sont accessibles ?
Mesurez le contraste de la couleur de votre texte sur votre fond avec un outil de contraste WCAG. Le texte courant doit atteindre au moins 4,5:1.
Puis-je utiliser un dégradé comme couleur de marque ?
Oui, tant qu’il est construit à partir de couleurs voisines de votre palette et que vous gardez une version à plat pour les petits usages comme les favicons et le texte.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil