Choisir les couleurs de son site

Les couleurs de votre site se règlent une seule fois, pour tout le site, dans la rubrique Design. Toutes les sections les utilisent : changez une couleur, tout le site suit.

Changer la couleur principale : boutons et titres suivent instantanément.

Les cinq couleurs#

Couleur	Où elle est utilisée	Par défaut
Couleur principale	Boutons, liens, éléments forts, fond des sections « Couleur ».	Violet `#5B3DF5`
Couleur d'accent	Détails, badges, soulignements.	Jaune soleil `#FFC93C`
Fond	Le fond général des pages.	Blanc `#FFFFFF`
Fond doux	Sections alternées (fond « Doux ») et cartes.	Violet très clair `#F6F4FF`
Texte	La couleur des textes.	Encre `#1B1A2E`

Changer les couleurs pas à pas#

Ouvrez l'espace de votre site, puis Design.
Pour aller vite, cliquez sur une des Palettes suggérées : un clic applique les 5 couleurs d'un coup.
Pour affiner, cliquez sur une couleur dans la partie Couleurs, choisissez une teinte dans le nuancier, ajustez-la avec les curseurs Teinte, Saturation et Luminosité, ou saisissez directement un code couleur au format #RRGGBB (par exemple #C8102E).
L'aperçu à côté se met à jour en direct. Un indicateur vous signale si le contraste entre le texte et le fond est bon ou trop faible.
Cliquez sur Enregistrer en bas de l'écran. Tant que ce n'est pas fait, la mention « Modifications non enregistrées » s'affiche et Annuler les changements revient aux couleurs enregistrées.

La rubrique Design : couleurs, polices, arrondis et boutons.

Astuce Reprenez la couleur de votre logo, de votre enseigne ou de votre devanture comme couleur principale : vos clients vous reconnaîtront au premier coup d'œil.

Garder un bon contraste#

Un texte gris clair sur fond blanc est joli... mais illisible au soleil sur un téléphone, et difficile à lire pour beaucoup de personnes. Quelques règles simples :

Gardez un texte foncé sur un fond clair (ou l'inverse).
Choisissez une couleur principale assez soutenue : le texte des boutons doit rester bien lisible dessus.
Évitez le jaune vif ou le vert pomme comme couleur de texte.

Bon à savoir Une fois enregistré, le design s'applique immédiatement à votre site en ligne : testez vos idées dans l'aperçu avant de cliquer sur Enregistrer.

Et la couleur d'un texte en particulier ?#

Il n'est pas possible de colorer un mot ou un paragraphe à part : c'est volontaire, pour garder un site harmonieux. Pour mettre un élément en valeur, utilisez le gras, un fond de section différent (voir Fond et espacement) ou une section Appel à l'action.