Saviez-vous que Facebook est bleu parce que Mark Zuckerberg est daltonien rouge-vert? «Le bleu est la couleur la plus riche pour moi; Je peux voir tout le bleu », explique Zuckerberg. Bien que ce choix de couleur ne semble pas très scientifique, il prouve toujours que beaucoup de réflexion est mise sur le choix de la couleur.

Comme Tampon écrit, plus de 90% de notre évaluation d'un produit est faite uniquement sur la couleur, il est donc logique que la couleur soit considérée avec soin pour chaque décision de conception, en particulier sur les sites Web. Il y a de fortes chances que si nous n'aimons pas la palette de couleurs, nous n'allons pas rester sur le site très longtemps.

Saviez-vous que la couleur est liée à la psychologie? Différentes couleurs évoquent des sentiments différents – par exemple, le rouge est confiant, le jaune est amusant et le bleu est digne de confiance. Cela signifie que vous pouvez donner le ton à votre site Web en choisissant des couleurs qui reflètent ce que vous voulez que vos visiteurs ressentent.

Pour vous lancer dans votre propre palette, nous avons rassemblé 50 beaux sites Web avec des schémas de couleurs polyvalents dont vous pouvez vous inspirer. Alors sans plus tarder, nous allons jusqu'au genou dans de belles couleurs.

01. Fun et professionnel

Mark-Dearman-Fun-Professional-Website-Palette de couleurs

Mark Dearman

Cette palette propre et vibrante de Mark Dearman combine parfaitement des couleurs d'accent chaudes avec un fond bleu propre pour créer une palette nette et professionnelle, mais très accueillante. Essayez d'utiliser des couleurs qui ont un contraste élevé les unes contre les autres pour cet effet net.

Comme ça? Ensuite, vous aimeriez probablement essayer notre modèle de site Web d'événements de remise de diplômes de photo Yellow Teal ou ce modèle de site Web de portfolio d'acteur de théâtre.

02. Inspiré de l'histoire de l'art

fabrique-art-histoire-site-web-palette-de-couleurs

Fabrique

En cas de doute, recherchez l'inspiration couleur de votre contenu. Ce site Internet du musée Van Gogh par Fabrique utilise les couleurs vibrantes et texturées pour lesquelles ses œuvres sont reconnues. En associant des jaunes chauds, des bleus riches et des verts frais, vous obtenez une palette simple et flexible avec du sens.

03. Tonalités en sourdine

palette-de-couleurs-neutre-de-site-web-martin-agence

L'Agence Martin

Cette conception de site Web frappante par L'Agence Martin utilise des tons or et blanc cassé contrastés avec des noirs et des blancs plus nets pour créer un contraste saisissant. Simple, minimale et élégante, cette palette est parfaite pour tout design sophistiqué dans lequel vous pourriez vous lancer.

04. Moderne et propre

benedict-leicht-modern-clean-color-palette

Benedict Leicht

Cet exemple pointu et moderne de Benedict Leicht utilise différents tons d'orange et de bleu pour créer une palette de couleurs ludique et énergique. Lorsque vous utilisez des tons vifs, essayez de les équilibrer avec des blancs plus neutres ou des gris clairs comme le fait cet exemple, pour garder les choses amusantes mais pas écrasantes. Vous pouvez voir comment les couleurs du site Web tirent leur influence du logo Mathemagiker, créant une sensation de marque sur le site.

05. Tons fluo et contraste net

play-agency-neon-contrast-website-palette-de-couleurs

Play.agency

Ce site par Play.agency a une palette de couleurs qui adopte une approche audacieuse et à contraste élevé en combinant un fond sombre fort avec des couleurs d'accent néon saisissantes. En contrastant le noir contre les violets, les bleus et les roses, vous pouvez créer un effet très frappant.

Article associé: Les neurosciences fascinantes de la couleur et ce que cela signifie pour le design

06. Muet et minimal

inga-gudonien-muted-minal-website-palette-de-couleurs

Inga Gudonien / MIOS

Cet exemple de Inga Gudoniene / MIOS associe des couleurs plus douces, désaturées et plus sourdes pour créer un look élégant. Vous pouvez obtenir cet effet intemporel et élégant en choisissant des images avec un ton frais et désaturé et en les associant à un gris frais.

07. Chaud et audacieux

palette de couleurs de site Web luxuriante, chaleureuse et audacieuse

Lush Digital

Envie de mélanger des couleurs chaudes et froides pour créer une ambiance unique? Prenez une feuille de Lush Digital's livre – associez des rouges et des bleus vibrants à des indigos et des violets plus foncés pour un effet rêveur et audacieux.

08. Nettoyer et mettre en évidence

TEST DE MODÈLE WEB

Cette palette de couleurs pour Departika est propre et professionnel grâce aux doux bleus, gris et blancs. Mais, cette palette attire l'attention et met en évidence les éléments focaux en jetant une couleur vibrante dans le mélange. Brisez vos couleurs plus claires et plus douces avec un ton plus percutant pour un joli contraste.

09. tons chauds

09 tons chauds

Studio Recode

Cet exemple de Studio Recode garde également les choses propres et minimales, mais le fait avec une touche plus chaude. En utilisant des tons bruns chauds et très clairs comme couleur de fond neutre et en les compensant avec les tons chauds de l'imagerie et du type, cette palette garde les choses invitantes et propres.

10. Sharp et moderne

frost-festival-website-palette-de-couleurs

Fête du givre

Une excellente façon de personnaliser votre site Web est de lui donner une couleur focale dominante, comme cet exemple pour Fête du givre Est-ce que. En utilisant une turquoise frappante comme couleur focale et en la complétant avec des touches d'orange pâle, de gris et de couleurs menthe, cette palette garde les choses fraîches, modernes et simples.

Article associé: Comment choisir les bonnes couleurs pour votre marque

11. Cool vs chaud

akaru-cool-vs-warm-website-palette-de-couleurs

Akaru

En combinant des teintes chaudes avec des couleurs plus fraîches, vous pouvez facilement déverrouiller une palette très percutante. Cet exemple de Akaru contraste des oranges et des jaunes chauds avec des gris métalliques froids et des tons bronze pour créer un effet dynamique et audacieux.

12. Jolis pastels

bc-designers-pastel-website-palette-de-couleurs

Concepteurs B / C

Les couleurs pastel ne sont pas réservées aux murs de la chambre de bébé: ce site Concepteurs B / C utilise des roses, des bleus et des oranges pastel propres et lumineux pour créer une palette amusante, lumineuse et invitante. Lorsque vous utilisez des pastels, essayez de mélanger une bonne quantité d'espace pour garder les choses fraîches et légères.

Vous cherchez quelque chose avec de jolis pastels? Pourquoi pas cette bannière d'invitation ou cette bannière de blog d'idées de douche nuptiale?

13. Audacieux et percutant

palette de couleurs du site Web

Magoz

Si les couleurs pastel ne vous conviennent pas, pensez à rechercher des couleurs vives, percutantes et vintage comme cet exemple par Magoz Est-ce que. Bien que cet exemple utilise beaucoup de couleurs à la fois, il reste cohérent et logique avec la cohérence chaleureuse du schéma.

14. Teintes et tons

teintes et tons-site-palette-de-couleurs

Romain Bouchereau et Vincent Fréman

Une excellente façon d'ajouter de la dimension à votre palette tout en minimisant les choses est d'utiliser différentes teintes d'une même couleur. Cette page Web propre et élégante par Romain Bouchereau et Vincent Fréman fait juste cela en utilisant des teintes légèrement différentes d'une couleur pêche neutre qui complimentent la couleur pourpre focale.

L'image d'en-tête de ce site Web est un carrousel d'images, chacune de différentes couleurs, Découvrez-le en direct et en action ici.

15. Splash de couleur

palette-de-site-de-thèmes-de-magnium

Thèmes Magnium

Cet exemple de Thèmes Magnium injecte quelques éclats de couleurs vives dans le mélange pour créer un effet ludique mais élégant. Le contraste des bleus, des oranges et des jaunes sur le fond gris neutre crée un effet professionnel mais vibrant.

Ce schéma de couleurs fonctionne très bien avec cette bannière de blog Waffle et cette bannière de blog du conseil d'école. Pourquoi ne pas leur donner une chance?

Article associé: Comment choisir les bonnes couleurs pour votre marque

16. Élégant et sophistiqué

julian-damy-élégant-sophistiqué-site-palette-de-couleurs

Julian Damy

Nous avons tendance à penser que le noir et le blanc sont les couleurs les plus sophistiquées, mais regardez comment cet exemple Julian Damy parvient à obtenir ce look sophistiqué en utilisant simplement des tons bleu profond et des reflets dorés subtils. Autre palette inspirée de l'histoire de l'art, cette collection de couleurs est intemporelle et belle.

17. Inspiré par l'été

stradegy-summer-website-palette-de-couleurs

StrADegy Advertising

Lorsque nous pensons aux designs estivaux, nous pensons aux rouges et aux oranges, mais découvrez comment ce site en StrADegy Advertising parvient à capturer la chaleur de la saison avec seulement des coraux, des bleus et des couleurs ocre. Une palette de couleurs d'inspiration estivale simple, minimale et facile à utiliser.

18. Professionnel et moderne

Palette de site Web de type avondale

Avondale Type Co.

Vous recherchez une palette qui crie professionnelle, mais qui n'est pas ennuyeuse ou obsolète? Découvrez celui-ci tel qu'il est utilisé sur Avondale Type Co. Le mélange de gris, de marines profondes et de tons jaunes saisissants jumelé à la disposition nette, plate et moderne peut donner un design autoritaire mais frais.

19. Noirs audacieux et reflets vibrants

palette-de-couleurs-site-cantina-dei-colli-ripani

Cantina dei Colli Ripani

Si vous êtes à la recherche d'un design contemporain plus frappant, essayez d'incorporer des touches audacieuses de noir et blanc avec des touches de couleur vibrantes, tout comme cet exemple pour Cantina dei Colli Ripani Est-ce que. Le contraste entre les couleurs en surbrillance et les noirs donne un effet percutant, audacieux et amusant.

20. Dégradés propres et bleus frais

shibui-clean-gradient-fresh-blue-website-palette-de-couleurs

SHIBUI

Avez-vous déjà vu un site Web et vous pensez qu'il a l'air «propre»? Une excellente façon de le faire, car ce site par SHIBUI a fait ici, est d'utiliser des dégradés. La palette de ce site est composée de couleurs bleues et turquoises fraîches qui ont été dégradées l'une dans l'autre dans un dégradé pour obtenir un effet apaisant, propre et frais.

Article connexe: 50 pages uniques et engageantes sur nous pour vous inspirer

21. Gai et élégant

huemor-warm-citrus-website-palette-de-couleurs

Huemor

Ce site par Huemor a une palette de couleurs qui est légère, moderne, joyeuse et accueillante. En utilisant des couleurs vibrantes, beaucoup d'espace blanc et un bleu neutre et frais pour équilibrer la chaleur, cette palette est un excellent exemple de la façon dont les couleurs peuvent faire ou défaire la conception d'un site.

22. Luxueux et moderne

zach-klein-modern-coral-website-palette-de-couleurs

Zach Klein

Cette palette de couleurs par Zach Klein apporte un monde de luxe, de sophistication et de caractère à la conception du site Web. En associant des bleus marine, des bronzages chauds et une touche de rouge vif, ce site reste moderne, minimal et très sophistiqué.

23. Unique et frappant

grandes-oeuvres-copenhague-unique-saisissant-site-palette-de-couleurs

Great Works Copenhagen

Ce site professionnel par Great Works Copenhagen adopte moins une approche neutre de la couleur et choisit plutôt une palette vibrante. En choisissant une couleur rouge saisissante et en la mélangeant à divers tons de bleu et de marine, ce site équilibre son air professionnel avec une touche unique et amusante.

24. Combinaisons de couleurs inattendues

intesys-combinaisons-de-couleurs-inattendues-palette-wesbite

Intesys S.r.l.

Le violet et le vert ne sont pas deux couleurs souvent mélangées, mais ce site par Intesys S.r.l. prouve qu'ils devraient peut-être l'être. La riche couleur pourpre contraste de façon frappante avec la chaux vibrante et les blancs nets pour créer une conception de site unique et mémorable.

25. Inspiration rétro

palette de couleurs lowdi-website

Lowdi

Cette palette de couleurs pour Lowdi canalise toutes les choses vintage en utilisant des couleurs chaudes et riches. Cette palette de couleurs d'inspiration rétro a beaucoup de caractère et d'énergie avec une touche résolument moderne. Envisagez d'utiliser une couleur jaune très pâle à la place du blanc pour aider à affiner cet effet.

Article connexe: Concevoir le site Web de commerce électronique parfait: 45 exemples étonnants pour vous inspirer

26. Antique et propre

pier-luc-antique-clean-website-palette-de-couleurs

Pier-Luc

Cette palette simple et élégante par Pier-Luc apporte une touche de charme à la conception du site Web avec son élégant combo de rouge terreux, de vert frais et de gris propres. En associant cette palette en sourdine à une image aux couleurs douces, cette conception du site parvient à évoquer la sophistication et un charme antique.

27. Frappant et énergique

hyperakt-energetic-website-palette-de-couleurs

Hyperakt

Le site infographique interactif d’Atlassian créé par Hyperakt utilise des couleurs vives et à saturation élevée et les superpose de manière à créer un effet époustouflant. Notez également comment ces couleurs saisissantes sont équilibrées avec une belle couleur blanc cassé neutre. Maintenez toujours cet équilibre!

28. Frais et vif

palette-de-couleurs-de-site-web-baesman

Baesman

Ce site par Baesman est un autre exemple de la façon dont des couleurs vives et éclatantes peuvent être utilisées pour créer un design professionnel. En utilisant des couleurs claires et propres et en les équilibrant avec un espace blanc et un design minimal, ce site maintient une ambiance amusante et vibrante sans sacrifier l'élégance d'un site Web professionnel.

29. Propre et net

Brightmedia-clean-crisp-website-palette-de-couleurs

BrightMedia

Cet exemple de BrightMedia est un modèle d'une palette de couleurs propre, fraîche et flexible. En associant différentes nuances de bleu à quelques nuances de gris, cette palette est minimale et simple sans être terne ou ennuyeuse.

30. Coloré sans heurter

palette-de-couleurs-de-site-pour-enfants-complémentaire

Joug

Parfois, l'utilisation de beaucoup de couleurs peut créer un design écrasant et qui se heurte. Mais, dans le cas de ce site par Joug, l'utilisation d'une palette lumineuse et complète se déclenche sans accroc. En coupant légèrement chaque couleur et en incluant beaucoup d'espace blanc dans la conception, vous pouvez créer un effet vibrant, coloré, mais pas écrasant.

Article connexe: 30 sites Web avec des arrière-plans magnifiquement modelés

31. Cool et calme

palette-de-couleurs-site-roll-studio-cool-calm

Roll Studio

Encore une fois, alors que la façon typique de signaler l'été et la plage est d'utiliser des rouges, des jaunes et des oranges, pensez à retirer une feuille de Roll Studio's livre. Montrez une atmosphère détendue et plage avec des turquoises, des violets et une touche d'orange pour créer une palette de couleurs calme, accueillante et unique.

32. Moderne et discret

brdr-krüger-modern-muted-website-palette-de-couleurs

Détendez-vous, nous sommes les bons

La palette de Brdr. Site Internet de Krüger créé par Détendez-vous, nous sommes les bons donne du caractère et de la vie à la conception du site Web en associant simplement quelques couleurs claires et douces. Grâce au fait que chaque couleur est un ton sourd cohérent dans différentes nuances, ils parviennent à s'intégrer naturellement et efficacement, créant une palette calme mais moderne avec beaucoup de caractère.

33. Terreux et frais

aquest-terreux-et-frais-site-palette-de-couleurs

Une quête

Cette palette pour Apparecchiato par Une quête puise son inspiration dans les tons terreux des légumes et le mélange avec un espace blanc pour créer une superbe palette propre et fraîche. Utilisez simplement des verts feuillus, des rouges profonds et des violets riches à côté de certains espaces blancs pour reproduire cet effet.

34. Haute saturation et haute énergie

el-burro-website-palette-de-couleurs

El Burro

Cette palette pour El Burro crie juste du plaisir, de l'énergie et de l'excitation. En utilisant des couleurs très saturées comme le rose vif, le citron vert, le cyan et le jaune, vous pouvez reproduire cet effet et créer un design percutant et jeune.

35. Chaud et merveilleux

terrain-site-palette-de-couleurs

Travail sur le terrain

Vous recherchez une palette pouvant accueillir des conceptions légèrement plus complexes? Découvrez celui-ci pour Travail sur le terrain qui n'utilise que cinq couleurs mais parvient à le garder complexe et coloré. En mélangeant un cyan frappant avec des jaunes chauds, des rouges et des marines plus profondes, vous pouvez obtenir une palette ludique, engageante et flexible.

Article connexe: 10 mythes courants sur la conception graphique

36. Charme vintage

cafe-frida-website-palette-de-couleurs

Cafe Frida

Vous voulez créer un effet vintage sans paraître daté ou vieux? Découvrez cette palette pour Cafe Frida qui utilise des or chauds, des verts, des bruns et des blancs cassés pour créer un effet charmant avec beaucoup de classe.

Aimez ce que vous voyez? Pourquoi ne pas essayer de créer votre propre couverture Facebook en utilisant cet automne nordique d'arbre ou ce modèle Twitter de camping en couple?

37. tons de bijoux cool

croissancecréer-bijou-ton-site-web-palette-de-couleurs

GrowCreate

Cet exemple pour Référence commerciale sur le bien-être des animaux d'élevage par GrowCreate utilise de magnifiques tons de bijoux violet et bleu avec des dégradés subtils pour créer une palette de couleurs très simple mais très élégante et accrocheuse. De plus, avec la touche occasionnelle de rose chaud, cette palette maintient la conception du site attrayante, fraîche et belle.

38. Teintes orageuses

cinco-stormy-website-palette-de-couleurs

Cinco Design

Vous cherchez un look plus sombre et plus élégant, mais pas un fan de noir droit? Découvrez cette conception de site orageuse et de mauvaise humeur par Cinco Design qui utilise des violets profonds, des bleus et des roses pour créer un effet élégant et sophistiqué.

39. Propre et collégial

détailsch-clean-website-palette-de-couleurs

details.ch

Vous voulez une palette professionnelle et sur mesure avec un peu de couleur? Découvrez cette palette lisse par details.ch qui utilise des couleurs vives, propres et preppy pour créer une palette de couleurs simple. N'ayez pas peur de jeter une touche de rose parmi vos bleus pour ajouter une touche unique.

40. Simple et frais

madebyshape-simple-fresh-website-palette-de-couleurs

MadeByShape

Cette palette par MadeByShape utilise un mélange de couleurs non conventionnel mais les jette ensemble de manière très naturelle. Les couleurs gris anthracite, saumon, turquoise profond, menthe claire et beige neutre constituent une combinaison unique mais magnifique.

41. Tons tropicaux

palette-de-couleurs-de-site-thomas-schrijer-top-10

Thomas Schrijer

Cette belle conception de site pour Top 10 de Thomas Schrijer en 2014 utilise des tons tropicaux vibrants pour créer un bel effet. L'utilisation de jaunes, rouges, verts et bleus chauds crée une palette amusante, facile et belle adaptée à toute application énergique.

42. Couleurs caractéristiques audacieuses

joie-intermedia-bold-feature-website-palette-de-couleurs

Joy Intermedia

Une excellente façon d'empêcher votre palette de couleurs de devenir ennuyeuse consiste à ajouter une couleur caractéristique audacieuse parmi les tons plus neutres et atténués. Découvrez celui-ci par Joy Intermedia qui utilise une base de gris, de charbon de bois et de marine sombre, mais l'épice avec une touche de cerise.

43. tons antiques

leibowitz-antique-tone-website-palette-de-couleurs

Image de marque et design Leibowitz

Le site Athena Art Finance, créé par Image de marque et design Leibowitz utilise de beaux tons anciens pour créer un design élégant et sophistiqué avec beaucoup de charme. En vous inspirant de l'histoire de l'art et en utilisant des violets profonds, des bleus, des verts et des or chauds, vous pouvez transformer n'importe quelle page Web en un étonnant sophistiqué.

44. Néon et gras

palette-de-couleurs-site-web-calvi-on-the-rocks

Calvi sur les rochers

Cet exemple pour Calvi sur les rochers nous montre exactement comment utiliser des tons néons vibrants – en les équilibrant. Cette palette se compose d'un vert éclatant, d'un violet éclatant et d'un soupçon de bleu royal, mais elle équilibre ce dynamisme avec beaucoup de blanc cassé neutre afin qu'elle ne soit pas écrasante.

45. Simple mais audacieux

mambo-mambo-website-palette-de-couleurs

Mambo Mambo

Vous voulez la facilité d'une petite palette mais avec le dynamisme d'une grande? Découvrez celui-ci pour Mambo Mambo qui utilise du jaune et quelques nuances de vert / bleu pour former une palette super simple mais super élégante. Cette palette est tropicale, amusante, fraîche et, surtout, facile.

Article connexe: 20 logos sympas et comment créer le vôtre

46. ​​Corporatif et élégant

palette de couleurs de site Web élégant

Ryan Borker, Jermaine Craig, Mike Parsons et Kyle Miller

Besoin d'un peu moins de dynamisme et d'un peu plus de professionnalisme? Laissez-vous inspirer par les belles couleurs utilisées sur cette palette par Ryan Borker, Jermaine Craig, Mike Parsons et Kyle Miller. La couleur audacieuse de la marine est magnifiquement associée au fond blanc cassé de la coquille d'oeuf pour créer un design de site Web simple et élégant.

La seule façon de savoir si cela fonctionnera est de l'essayer vous-même. Donnez à ce modèle de publication Twitter bleu et marron ou à ce modèle de publicité Facebook Design d'intérieur moderne votre propre éclat.

47. Moderne et minimal

huemor-palette-de-couleurs-moderne-et-minimale-de-site-web

Huemor

Cette palette par Huemor garde les choses très simples et minimales en utilisant une palette de couleurs principalement monochromatique et en l'équilibrant avec quelques touches d'orange pour attirer l'attention – cela met en évidence des caractéristiques importantes et donne vie au site. En cas de doute, restez simple.

48. Amusant et gai

marie-catribs-site-web-palette de couleurs

Marie Catribs

La couleur ajoute de la personnalité à votre conception. Essayez donc de faire coïncider votre palette avec la personnalité de votre site Marie Catribs ont fait ici. En utilisant des bleus, des violets, des jaunes, etc. amusants et lumineux, la nature amusante et originale du design prend vie.

49. Ensoleillé et calme

trafic-ensoleillé-et-calme-site-palette-de-couleurs

TRAFIC

Vous cherchez à créer un site Web chaleureux et accueillant? Expérimentez avec des tons chauds comme TRAFIC a fait ici. En utilisant des jaunes et des or chauds, et en les équilibrant avec des tons marine profonds, cette palette est apaisante, paisible et invitante.

50. Pop art

visualsoft-pop-art-website-palette-de-couleurs

Visualsoft

Votre site est-il jeune? Énergique? Amusement? Montrez cela en utilisant des touches de couleurs vives et éclatantes comme Visualsoft. Les touches de rose néon, de jaune et de bleu parmi le design élégant et minimal apportent beaucoup de vie et de caractère à ce site.

Prochaines étapes

Prêt à faire passer vos créations au niveau supérieur? Voici quelques outils Canva pratiques pour vous aider dans votre parcours de couleur

Palette de couleurs

Vous voulez savoir quelles couleurs sont belles ensemble? La roue chromatique de Canva facilite les combinaisons de couleurs.

Générateur de palette de couleurs

Vous voulez un jeu de couleurs qui correspond parfaitement à vos images préférées? Avec le générateur de palette de couleurs de Canva, vous pouvez créer des combinaisons de couleurs en quelques secondes. Téléchargez simplement une photo et nous utiliserons les teintes de la photo pour créer votre palette.

Idées de palette de couleurs

À la recherche de couleurs qui se marient bien ensemble? Nous avons généré des milliers de palettes approuvées par les concepteurs pour que vous puissiez les utiliser dans votre prochaine conception.