Ressource gratuite

Bibliothèque de couleurs : palettes & inspirations pour votre site.

Parcourez des palettes harmonieuses prêtes à l'emploi, filtrez-les par ambiance et copiez les codes HEX en un clic. De quoi trouver les couleurs de votre marque et de votre site web.

  • 12 palettes
  • 6 ambiances
  • Copie HEX en 1 clic
  • 100 % gratuit
La bibliothèque

Des palettes web à copier et adapter.

Filtrez par ambiance, survolez une teinte pour voir son code, cliquez pour le copier.

Coucher provençalChaud
Terre & argileChaud
Bleu atelierFroid
Forêt calmeFroid
Lin & pierreNeutre
Encre douceNeutre
Pêche & menthePastel
Lilas poudréPastel
ÉlectriqueVif
AgrumeVif
Or & nuitLuxe
Émeraude profondLuxe

Cliquez sur une teinte pour copier son code hexadécimal. Besoin de composer votre propre palette ? Utilisez notre générateur de palettes et nos outils couleurs pour extraire les teintes d'une image, vérifier le contraste WCAG et récupérer les codes HEX, RGB et Tailwind.

Pourquoi les couleurs comptent

Les couleurs d'un site web, bien plus que du décor.

En quelques secondes, vos couleurs disent qui vous êtes, rassurent le visiteur et le guident vers le bouton de contact.

Identité de marque

Une palette cohérente rend votre marque reconnaissable partout : site, cartes de visite, réseaux sociaux, devis.

Confiance

Bleus, verts ou neutres sobres rassurent ; des tons chauds créent de la proximité. Le bon choix dépend de votre métier.

Conversion

Un accent bien choisi sur vos boutons attire l'œil et améliore le taux de clics vers l'appel, le devis ou WhatsApp.

Accessibilité & contraste

Un texte lisible sur son fond, c'est un site utilisable par tous, sur mobile en plein soleil comme sur grand écran.

Bien choisir

Comment bien choisir les couleurs de son site ?

Quatre repères simples suffisent pour passer d'une jolie sélection à une identité cohérente et lisible.

La règle 60·30·10

Une couleur dominante, une secondaire, un accent. C'est l'équilibre qui fait respirer une page.

Fond et grands aplats, couleur de marque, puis un accent réservé aux boutons et appels à l'action.

Ce que racontent les couleurs

Bleusérieux, confiance
Vertnature, calme, santé
Terracottachaleur, artisanat
Noir & orluxe, exigence
01

Partez de votre métier

Santé, bâtiment, beauté, juridique : chaque secteur a ses codes. Visez l'émotion que doit ressentir votre client.

02

Limitez à 3-5 teintes

Une dominante, une secondaire, un accent, plus un neutre clair et un foncé pour le texte.

03

Testez le contraste

Vérifiez que le texte reste lisible sur son fond avant de valider (voir ci-dessous).

04

Testez sur mobile

Regardez votre palette sur un petit écran et en plein jour : c'est là que la plupart de vos visiteurs vous voient.

Accessibilité WCAG

Contraste des couleurs : lisible par tous.

Les règles WCAG demandent un contraste d'au moins 4,5:1 pour un texte courant (niveau AA) et 7:1 pour le niveau AAA. Voici ce que cela donne avec des teintes de la bibliothèque.

Bleu atelierTexte foncé sur fond clair11,6:1 · AAA
Bouton accentTexte blanc sur #1E4FFF5,8:1 · AA
TerracottaTexte sur fond sable3,7:1 · Gros texte seul
Bleu pastelPastel sur fond blanc2,2:1 · Insuffisant

Les palettes pastel conviennent aux fonds ; gardez une teinte foncée pour le texte. Pour mesurer vos propres couleurs, utilisez notre vérificateur de contraste WCAG.

Par métier & par ville

Un site à vos couleurs, près de chez vous.

Des pages pensées pour chaque activité et chaque commune du Cantal et d'Auvergne : trouvez la vôtre.

FAQ

Questions fréquentes sur
les couleurs d'un site.

Puis-je utiliser ces palettes librement ?

Oui, ces palettes sont un point de départ d'inspiration libre pour vos projets. Cliquez sur une couleur pour copier son code hexadécimal.

Comment choisir la bonne palette pour ma marque ?

Partez de la personnalité de votre marque et de vos clients : une palette chaude rassure et donne de la chaleur, une palette froide inspire sérieux et confiance. On peut aussi la définir ensemble.

Combien de couleurs faut-il pour un site ?

En général, trois à cinq teintes suffisent : une dominante, une ou deux secondaires et un accent pour les boutons. Un nombre restreint renforce la cohérence et la mémorisation de votre marque.

Qu'est-ce que le contraste WCAG et pourquoi le vérifier ?

Les règles WCAG fixent un ratio minimal entre la couleur du texte et celle du fond : 4,5:1 pour un texte courant (niveau AA) et 7:1 pour le niveau AAA. Un bon contraste rend votre site lisible par tous, y compris sur mobile en plein soleil.

Les couleurs ont-elles un impact sur le référencement ?

Indirectement, oui. Un bon contraste améliore la lisibilité et l'accessibilité, deux critères que Google valorise, et une identité claire augmente le temps passé sur la page.

Une identité qui
vous ressemble.

Couleurs, typographies et site sur-mesure : parlons de votre projet.

WhatsApp