Les 22 meilleures palettes de couleurs de phare : hexadécimal + suggestions de conception par IA

Une palette de couleurs inspirée du phare équilibre les contrastes nets (bleu marine, blanc, rouge phare) avec les neutres côtiers (sable, bois flottant, gris brouillard) et les tons d'eau (mousse de mer, bleu acier). Le résultat est intemporel, lisible et instantanément «au bord de la mer» sans s'appuyer sur les clichés.

Vous trouverez ci-dessous plus de 20 idées de palettes de couleurs pour phares avec des codes hexagonaux, ainsi que des conseils pratiques pour la marque, l'interface utilisateur, les affiches et l'emballage-et des invites d'IA que vous pouvez réutiliser pour visualiser chaque look.

Pourquoi les Palettes Lighthouse fonctionnent si bien

Les palettes de phares sont construites sur une hiérarchie forte: les marines profondes et les charbons de bois créent de la structure, les blancs cassés ouvrent de l'espace et un seul accent «signal» (rouge, corail ou or) donne une concentration instantanée. Cela les rend idéaux pour les mises en page où la clarté est importante.

Ils portent également une ambiance de narration naturelle: brouillard sur le littoral, peinture résistante, corde, sable et verre de mer. Même les interfaces modernes semblent plus humaines lorsque ces neutres côtiers et les bleus océaniques adoucissent les bords.

Plus important encore, les schémas de couleurs de lighthouse se traduisent bien à travers les médias: impression, web, emballage et signalisation. Vous pouvez garder la palette minimale pour le branding premium ou pousser les accents pour des campagnes énergiques.

20+ Idées de Palette de couleurs de phare (avec Codes hexagonaux)

1) Beacon crépuscule

hexagonal:#E23D3D#F6F1E7#1E2A3A#8FA3B8#C9B08D

Humeur:Audacieux, côtier, confiant

Meilleur pour:sections de marque hero et emballage de matériel d'extérieur

Audacieux et côtier comme un phare traversant la brume de l'heure bleue. Utilisez le rouge comme un accent contrôlé contre la marine pour garder les mises en page nettes et lisibles. Associez les crèmes et les tons de sable pour les espaces blancs et les callouts de produit chauds. Astuce: Réservez le rouge pour les CTA primaires et un style d'icône clé afin qu'il soit intentionnel, pas bruyant.

Exemple d'Image de beacon dusk généré en utilisant media.io

Media.io

Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.

Essayez-le maintenant gratuitement

2) blanc lavé au sel

hexagonal:#FAF7F0#D9D2C7#A9B6C5#3A4C5F#B85C4A

Humeur:Aéré, propre, patrimoine

Meilleur pour:Dispositions éditoriales et logos minimalistes

Aéré et propre comme la peinture blanchie au soleil sur des planches intempériées. Laissez les blancs cassés transporter la page, puis ancrez la typographie avec l'ardoise bleu-gris pour le contraste. Une terre cuite silencieuse fonctionne mieux comme un petit sceau, un soulignement ou un soulignement de navigation. Conseil: Gardez les poids de ligne minces et les espacements généreux pour préserver la sensation calme et éditoriale.

Exemple d'Image de blanc lavé au sel généré en utilisant media.io

3) bande de port

hexagonal:#C92F2F#F3E9D7#223149#4F6B86#9FA8A3

Humeur:Nautique, Structuré, Percutant

Meilleur pour:Systèmes d'en-têtes et de signalisation de sites Web

Nautique et structurée, comme des rayures peintes et des rails usés par des cordes au quai. Utilisez le bleu marine pour la base, la crème pour la pièce respiratoire et le rouge pour les états de navigation ou les marqueurs de route. Le bleu acier supporte les panneaux secondaires sans compétition pour l'attention. Astuce: Appliquez le rouge dans des largeurs de bandes uniformes à travers les composants pour rendre le système cohérent.

Exemple d'Image de harbor stripe généré en utilisant media.io

4) brise-vents brumeux

hexagonal:#E7E3DD#BFC6CC#7B8A96#2F3C46#D6B58C

Humeur:Brumeuse, moderne, à la terre

Meilleur pour:Présentations d'architecture et tableaux de bord calmes

Brumeuse et moderne, comme un brise-vagues s'estompant dans le brouillard du matin. Cette palette de couleurs lighthouse s'appuie sur des gris en couches, alors structurez votre hiérarchie avec la profondeur plutôt que la saturation. Apportez le sandy tan pour les points forts, les badges ou l'accent sur les données. Astuce: Utilisez le charbon le plus sombre uniquement pour les titres et les chiffres clés pour éviter une interface lourde.

Exemple d'Image de foggy Breaker généré en utilisant media.io

5) Verre de mer calme

hexagonal:#DFF3EE#A9D9CF#5E8F8A#2E4B4A#F2E7D8

Humeur:Apaisant, frais, spa-like

Meilleur pour:branding de bien-être et illustrations botaniques

Apaisant et frais, comme le verre de mer lissé par les marées. Laissez l'aqua pâle et la crème conduire, puis utilisez le teal plus profond pour le type, les contours et les icônes. Ce mélange s'associe magnifiquement à un art de ligne simple, des textures de papier et des dégradés doux. Astuce: Gardez le contraste accessible en réservant le bleu le plus foncé pour le texte de corps et les touches.

Exemple d'Image de seaglass calm généré avec media.io

6) Lanterne rouillée

hexagonal:#A6422B#E6D2B8#6A5B52#2B2B2A#B8C0C7

Humeur:vintage, tactile, robuste

Meilleur pour:Étiquettes de café artisanal et affiches du patrimoine

Vintage et tactile, comme une lanterne rouillée et des sangles en cuir usées. Ces combinaisons de couleurs phare brillent sur le papier texturé, les styles de typographie et les tampons audacieux. Utilisez le brun chaud pour les champs d'arrière-plan et le noir profond pour le type et les codes-barres. Astuce: ajoutez des grains subtils et gardez les blocs de couleur grands pour rendre la palette intentionnelle et haut de gamme.

Exemple d'Image de rusted lantern généré avec media.io

7) Signal de tempête

hexagonal:#0E1A24#2F4B63#6F8DA6#D8DEE4#F0C24B

Humeur:Dramatique, nette, à haut contraste

Meilleur pour:Promotions sportives et interface utilisateur lourde de données

Spectaculaire et nette, comme des nuages de tempête divisés par une seule lumière d'avertissement. Construisez la base avec bleu marine foncé et bleu acier, puis améliorez la lisibilité avec des panneaux gris clair frais. Le jaune doré fonctionne mieux pour les alertes, les indicateurs de progrès et les petits coups graphiques. Conseil: Gardez le jaune en dessous de 10 % de la mise en page afin qu'il reste efficace.

Exemple d'Image d'un signal de tempête généré à l'aide de media.io

8) Bouée du lever du soleil

hexagonal:#FF6B4A#FFA86B#FFE2B6#2B4A66#7CC6C6

Humeur:Optimiste, chaleureux, ludique

Meilleur pour:Dépliants d'événements et campagnes d'été

Optimiste et chaud, comme un lever de soleil se reflétant sur une bouée dans une eau calme. Utilisez Corail et apricot comme votre duo héros, puis équilibrez-les avec le bleu foncé pour le type et la structure. L'eau douce est parfaite pour les formes secondaires, les séparateurs ou les badges de style autocollant. Conseil: Gardez les dégradés subtils et courts, en passant du corail à l'abricot pour un look moderne.

Exemple d'Image de sunrise buoy généré en utilisant media.io

9) Encre nautique

hexagonal:#101820#243B55#4A6FA5#E7E5DF#D64545

Humeur:Élégant, assertif, classique

Meilleur pour:pages de destination SaaS et marque fintech

Élégant et assertif, comme des vagues foncées comme l'encre avec une garniture peinte propre. Laissez le presque noir et le bleu marine gérer la fondation, puis utilisez le bleu moyen pour les graphiques et les états de lien. Le blanc cassé doux garde les sections lisibles sans paraître éclatantes. Astuce: Utilisez le rouge uniquement pour un seul niveau d'action, comme les boutons primaires, pour éviter les conflits visuels.

Exemple d'Image d'encre nautique générée à l'aide de media.io

10) sable doux

hexagonal:#F5EFE6#E2D3BE#BFA58A#6E7C86#2A3A44

Humeur:Doux, chaud, discret

Meilleur pour:Intérieurs mood boards et blogs de style de vie

Doux et chaud, comme du sable ondulé avec des ombres fraîches à la marée basse. Utilisez les neutres crêmes pour les grands arrière-plans et le taupe pour les cartes, les cadres ou les légende. L'ardoise et le bleu-gris foncé créent un système de type fiable sans se sentir dur. Astuce: Ajoutez des textures naturelles comme du lin ou du papier recyclé pour amplifier le ton détendu.

Exemple d'Image de sandbar soft généré avec media.io

11) Tidepool Pop

hexagonal:#00A6A6#7AE7C7#F7F4EA#FF4D4D#2B2D42

Humeur:Énergique, moderne, punchy

Meilleur pour:Icônes d'application et graphismes sociaux

Énergique et moderne, comme la vie brillante en piscine de marée contre le rocher sombre. Appuyez-vous sur le bleu bleu et presque marine pour la structure, puis laissez le rouge corail percer pour les points forts clés. La crème douce empêche la palette de devenir trop technique ou froide. Astuce: Utilisez la menthe comme couleur de lueur ou de contour autour des icônes pour créer une séparation nette.

Exemple d'Image de tidepool pop généré en utilisant media.io

12) Chalet côtier

hexagonal:#F2E9DF#C7D3D4#8BA6A9#5C6B73#D97B66

Humeur:Confortable, sympathique, détendu

Meilleur pour:Conception de marque et de menu d'hôtellerie

Confortable et convivial, comme un porche de gîte avec de la peinture résistante et de la lumière chaude à l'intérieur. Utilisez la crème pâle pour les menus ou la papeterie, puis couchez les bleus gris mer pour les en-têtes et les bordures des sections. Le corail silencieux se lit comme accueillant pour des offres spéciales, des timbres ou de petits détails d'illustration. Astuce: Combinez avec des icônes côtières dessinées à la main pour garder le ton accessible.

Exemple d'Image de cottage côtier généré en utilisant media.io

13) Granit de côté falaise

hexagonal:#E5E7EA#AAB0B6#6B7075#2B2F33#C24E3C

Humeur:accents industriels, réguliers et audacieux

Meilleur pour:Cabinets d'architecture et plateaux de présentation

Industrielle et stable, comme des falaises de granit sous un vent violent. Cette palette de couleurs lighthouse est conçue pour des grilles propres, des diagrammes monochromes et une typographie forte. Utilisez le rouge-orange comme accent à un seul point pour les callouts, les diviseurs de sections ou les broches de carte. Astuce: Gardez les arrière-plans gris clair au lieu de blanc pur pour une finition plus raffinée et prête à l'impression.

Exemple d'Image de cliffside granite généré en utilisant media.io

14) Quai du coucher de soleil

hexagonal:#2B1B2E#5C2E4A#D65C5C#F2C6A0#F7EFE5

Humeur:Romantique, chaleureux, cinématographique

Meilleur pour:Invitations de mariage et affiches de boutique

Romantique et cinématographique, comme une jetée au coucher du soleil avec la dernière lumière à l'horizon. Les tons profonds de prune et de vin créent une base luxueuse, tandis que le corail et la pêche adoucissent les bords. Utilisez la crème pâle comme couleur de papier pour garder tout aéré. Astuce: les feuilles ou les accents gaufrés fonctionnent magnifiquement ici, surtout dans le bouillon de prune sur crème.

Exemple d'Image de sunset pier généré en utilisant media.io

15) Marina Pastels

hexagonal:#F7F3EF#F2B6B6#B8D8D8#7A9E9F#3B4A5A

Humeur:Doux, joyeux, brillant

Meilleur pour:Lancements de beauté et newsletters de style de vie

Doux et brillant, comme des bateaux pastel alignés dans un port de plaisance calme. Utilisez blush et pale aqua pour les grands blocs et les illustrations, puis fondez la mise en page avec un bleu-gris foncé pour le type. Le blanc blanc propre le maintient moderne plutôt que sucrée. Astuce: Limitez la couleur la plus foncée aux titres et aux petits éléments de l'interface utilisateur afin que les pastels restent dominants.

Exemple d'Image de marina pastels généré avec media.io

16) Varanges et toile

hexagonal:#2F5D50#6E8C3E#E8DDC8#BDAA8B#3A2F2A

Humeur:Terreux, naturel, artisanal

Meilleur pour:Emballages écologiques et marques extérieures

Terreux et artisanal, comme des verts de varanges contre des voiles en toile et du bois flottant. Les verts fonctionnent mieux dans des formes larges, tandis que les crèmes et les bronzages gardent la copie lisible. Utilisez le marron foncé pour les timbres, les titres et les règles fines pour ajouter du caractère artisanal. Astuce: associez-le à du papier non revêtu et à des illustrations de blocs simples pour un look à la terre et durable.

Exemple d'Image de kelp & canvas généré avec media.io

17) Balise Vintage

hexagonal:#B0302F#F1E2C8#C7B299#4C5B66#1F2A33

Humeur:Nostalgique, robuste, maritime

Meilleur pour:Expositions muséales et branding du patrimoine

Nostalgique et robuste, comme un phare historique peint à la main et entretenu depuis des décennies. Le rouge semble classique plutôt que vif, ce qui le rend idéal pour les sceaux, la signalisation et les titres de section. Équilibrez-le avec de la crème parchemin et du taupe silencieux pour une ambiance authentique et archivale. Astuce: Utilisez des gris légèrement chauds pour le texte du corps pour éviter une sensation froide et moderne.

Exemple d'Image de vintage beacon généré en utilisant media.io

18) Promenade moderne

hexagonal:#F5F2ED#2D3142#4F5D75#EF8354#BFC0C0

Humeur:Moderne, propre, légèrement sportif

Meilleur pour:Marque de démarrage et pages de destination

Moderne et propre, comme des planches de promenade fraîches avec une touche d'orange coucher de soleil. Utilisez le charbon de bois et le bleu d'acier pour un système typographique solide, puis éclaircissez les sections clés avec l'accent orange. Le blanc cassé maintient l'espacement aéré, tandis que le gris clair supporte les cartes et les séparateurs. Astuce: Créez un ensemble de boutons à deux tons en utilisant le charbon de bois par défaut et l'orange pour les actions primaires.

Exemple d'Image d'une promenade moderne générée à l'aide de media.io

19) Promontoire d'hiver

hexagonal:#F8FAFB#DCE6EE#8AA3B7#2E3F4F#A33A3A

Humeur:Frais, calme, hivernal

Meilleur pour:Campagnes saisonnières et brochures propres

Clair et calme, comme un promontoire d'hiver sous un ciel pâle. Les blancs glacés et les bleus clairs établissent un terrain propre pour la typographie marine profonde et les mises en page structurées. Un rouge atténué fait un fort accent saisonnier sans devenir festif. Astuce: Utilisez le bleu le plus clair comme teinte de section subtile pour séparer le contenu tout en gardant la page lumineuse.

Exemple d'Image de winter headland généré en utilisant media.io

20) Alerte corail

hexagonal:#FF3B3F#FFB3B5#FFF2E8#2B2D42#6C7A89

Humeur:urgent, moderne, éditorial

Meilleur pour:Affiches d'annonces et bannières d'appel à l'action

Urgent et moderne, comme un drapeau lumineux contre une mer calme et nuageuse. Ces combinaisons de couleurs de phare fonctionnent mieux lorsque le corail mène et que la marine reste un rôle de soutien pour le texte et la structure. Utilisez le blush comme un champ d'arrière-plan plus doux pour étirer la palette sur plusieurs sections. Astuce: Conservez la copie du corps en bleu marine sur crème pour la lisibilité, et réservez le corail pour les rubriques et les blocs CTA uniquement.

Exemple d'Image d'alerte coral générée à l'aide de media.io

21) Signal & Surf

hexagonal:#F04E45#F7F1E1#1B3A57#3FA7D6#89D2DC

Humeur:Frais, sportif, côtier

Meilleur pour:clubs sportifs et promotions de voyage

Frais et sportif, comme un signal brillant sur une vague animée. Essayez cette combinaison de couleurs phare lorsque vous voulez un contraste fort sans aller trop foncé: bleu marine pour le texte, crème pour la base et rouge pour l'énergie. Les deux bleus se superposent joliment pour des rayures, des vagues et des infographies amicales. Astuce: Utilisez le bleu plus clair pour les arrière-plans et le bleu plus vif pour les icônes pour garder l'ordre visuel.

Exemple d'Image de signal & surf généré en utilisant media.io

22) Lumière de la pièce de lanterne

hexagonal:#2C2A2E#5A4E4A#C9B38C#F3E7CF#E36B4A

Humeur:chaleureux, cinématographique, intime

Meilleur pour:branding de restaurant et publicités de produits

Chaleureux et intime, comme une salle de lanternes brillant contre l'air nocturne. Les charbons de bois profonds et les bruns créent une base humoreuse, tandis que l'or et la crème apportent un éclairage doux. Un accent orange retenu ajoute un bord moderne pour les boutons, les badges ou les reflets de prix. Astuce: Utilisez un éclairage chaud dans la photographie afin que la palette soit cohérente à travers l'impression et le numérique.

Exemple d'Image de lumière de pièce de lanterne générée en utilisant media.io

Quelles couleurs vont bien avec Lighthouse?

Les palettes de phares s'associent mieux à des éléments de base à haut contraste comme le bleu marine, le charbon de bois et le blanc cassé – ces tours peintes, les uniformes maritimes et la signalisation côtière propre font écho. Ajoutez du sable, du taupe ou du beige de bois flottant pour réchauffer les choses et garder le schéma à la terre.

Pour les accents, le rouge phare classique est le choix le plus emblématique, mais le corail, la terre cuite ou le jaune doré peuvent se sentir plus modernes tout en restant «comme un signal». Si vous voulez une ambiance côtière plus douce, sea-glass aqua, steel blue et misty Grey se mélangent naturellement.

Pour garder le look intentionnel, choisissez une famille d'accents (rouge/corail ou jaune ou aqua) et laissez les neutres faire la majeure partie du travail. C'est ainsi que vous obtenez la sensation de phare sans encombrement visuel.

Comment utiliser une Palette de couleurs de phare dans des modèles réels

Pour la création de marque, utilisez le bleu marine/charbon comme base de typographie et de logo, puis réservez le rouge balise (ou le corail) pour une action principale: les boutons CTA, les sceaux ou les appellations d'emballage. Cela reflète un véritable contraste de phare: des formes simples, des signaux forts.

Pour l'interface utilisateur, utilisez des panneaux blanc cassé ou gris brouillard clair pour maintenir la lisibilité, avec des bleus ardoise/acier pour la navigation secondaire et les cartes. Gardez le ton le plus sombre pour les titres et les métriques clés, afin que les interfaces soient nettes et pas lourdes.

Pour l'impression (affiches, menus, invitations), privilégiez les crèmes évoquant le papier et les neutres chauds, puis ajoutez une bande ou une marque d'accent contrôlée. Une texture subtile (grain, papier non couché) donne aux palettes côtières une sensation premium et tactile.

Créez des visuels de Palette de phare avec l'IA

Si vous souhaitez prévisualiser un schéma de couleurs phare avant de concevoir, générez rapidement des maquettes grâce à l'IA—menus, emballages, pages d'atterrissage, affiches et ensembles d'icônes. Cela est particulièrement utile lorsque vous hésitez entre une direction rouge signal audacieuse et une approche neutre plus douce à base de brume et de sable.

Commencez par un sujet clair (par exemple, « en-tête de site web », « étiquette de café », « invitation de mariage »), puis indiquez les couleurs dominantes et un accent. Réutilisez les suggestions ci-dessus et échangez les noms de palettes ou les rôles des couleurs pour itérer rapidement.

Une fois que vous trouvez une direction qui vous plaît, gardez le même prompt de mise en page et ne modifiez que les noms de couleurs inspirés des codes HEX (marine, crème, corail, sable, gris brume) afin de maintenir des comparaisons cohérentes.

Suivant : Palette de couleurs crème café