Idées de palettes de couleurs pour les jours de pluie (20 choix + Hex)

Une palette de couleurs de jour de pluie est construite autour de gris brumeux, de bleus adoucis et de neutres chauds et atténués—des tons qui évoquent le calme, la modernité et une grande facilité de conception.

Voici 20 harmonies de couleurs de jour de pluie soigneusement sélectionnées (avec codes HEX) que vous pouvez utiliser pour une interface, une identité de marque, un packaging ou de l’impression, plus des invites IA pour générer des visuels assortis sur Media.io.

Pourquoi les palettes de jour de pluie fonctionnent-elles aussi bien ?

Les couleurs d’un jour de pluie sont naturellement atténuées, ce qui leur donne un aspect sophistiqué et « travaillé » même dans des compositions simples. Comme les teintes sont peu saturées, la typographie et les espacements prennent plus d'importance—idéal pour des visuels modernes et minimalistes.

Ces palettes créent également une profondeur instantanée. Les gris doux et les bleus ardoise forment des arrière-plans fiables, tandis qu’une touche plus chaude (taupe, caramel, terre cuite) évite que le design ne paraisse froid ou trop institutionnel.

Surtout, les palettes de jour de pluie sont flexibles sur plusieurs supports. Elles se transposent facilement de l’écran au papier, et se marient bien avec la photographie monochrome, les textures et les dégradés doux.

20+ idées de palettes de couleurs de jour de pluie (avec codes HEX)

1) Trottoir Brumeux

HEX : #D9DEE3 #A9B1BA #6B7682 #3C444E #C8B7A6

Ambiance : silencieuse, brumeuse, ancrée

Idéale pour : interface minimaliste pour tableau de bord SaaS

Silencieuse et brumeuse, comme les premiers pas du matin sur un trottoir mouillé, cette gamme est épurée sans être froide. Utilisez le gris clair en fond, puis structurez la hiérarchie avec l’ardoise et l’anthracite pour la navigation et les graphiques. Le taupe chaud donne de l'humanité à l'interface et évite au tout d’être trop industriel. Astuce : réservez le charbon le plus profond pour les appels à l’action et les états actifs pour garder un contraste net.

Exemple d’image de trottoir brumeux générée avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer des vidéos, images et audio dans votre navigateur.

Essayez gratuitement maintenant

2) Parapluie Noir

HEX : #0F1115 #2B2F36 #5A606B #B7BDC6 #E6E1D6

Ambiance : cinématographique, élégant, à fort contraste

Idéale pour : branding mode de luxe

Cinématographique et élégant, cela évoque des parapluies brillants et les lumières de la ville qui se reflètent sur les rues mouillées. Utilisez le noir quasi absolu et le graphite comme ancrage pour les logos, étiquettes et typographies pour un effet haut de gamme. Le gris pâle et le blanc cassé chaud créent de l’espace pour les mises en page éditoriales et les clichés produit. Astuce : associez à une seule dorure métallique ou un vernis sélectif pour un contraste tactile, sans ajouter de nouvelles couleurs.

Exemple d’image parapluie noir générée avec media.io

3) Reflet d’une Flaque

HEX : #8FA3B6 #4E6A7D #2F3E4A #D7D2C8 #A4B58A

Ambiance : frais, réfléchissant, aérien

Idéale pour : bannière blog lifestyle éco

Frais et réfléchi, il rappelle un ciel pâle reflété dans une flaque avec une touche de jeune feuillage. Ces associations jour de pluie fonctionnent bien pour des entêtes de blog qui cherchent à offrir une structure apaisante plus une note organique douce. Utilisez le bleu-gris pour la typo et les superpositions, puis le vert mousse pour des boutons ou des tags. Astuce : gardez le beige en arrière-plan pour conserver la chaleur et la lisibilité.

Exemple d’image de reflet de flaque générée avec media.io

4) Thé Après l’Averse

HEX : #F2EFEA #C9D2D7 #93A3AD #6B7A86 #B88C6A

Ambiance : chaleureux, doux, accueillant

Idéale pour : menu de café

Chaleureux et doux, il rappelle une tasse de thé prise près d’une fenêtre tandis que les nuages se dissipent lentement. La base crémeuse soutient les longs textes, les gris froids structurent sections et tarifs. Une touche de caramel mat est idéale pour mettre en lumière les offres saisonnières ou icônes. Astuce : utilisez le caramel avec parcimonie pour que le menu reste calme et élégant plutôt que surchargé.

Exemple d’image thé après l’averse générée avec media.io

5) Asphalte Mouillé

HEX : #1C2127 #343C45 #59636E #9AA4AF #D0D5DB

Ambiance : urbain, stable, professionnel

Idéale pour : UI page d’accueil B2B

Urbain et stable, il capture l’allure fiable de l’asphalte mouillé sous un ciel couvert. Utilisez les gris foncés pour les en-têtes et la navigation afin d’inspirer confiance et sécurité. Les neutres plus clairs assurent la lisibilité des formulaires et blocs de fonctionnalités, surtout sur des pages longues. Astuce : ajoutez de l’espace et des coins arrondis pour adoucir la palette et éviter la lourdeur.

Exemple d’image asphalte mouillé générée avec media.io

6) Lumière de Fenêtre Chaleureuse

HEX : #EFE6D8 #C8B6A6 #8B8F97 #4C565F #6F4B3E

Ambiance : chaleureux, introspectif, réconfortant

Idéale pour : couverture de livre

Chaleureux et introspectif, comme la lumière d’une fenêtre sur un fauteuil usé un après-midi pluvieux. Associez le beige crémeux au gris doux pour des titres lisibles et une texture subtile. Le ton espresso profond confère du poids littéraire aux noms d’auteurs ou au dos du livre. Astuce : essayez une surimpression texture papier pour un effet touchant plutôt que plat.

Exemple d’image lumière de fenêtre chaleureuse générée avec media.io

7) Jardin sous la Bruine

HEX : #DDE6D6 #A7BCA0 #6F8A6B #3E5740 #5B6269

Ambiance : botanique, calme, régénérant

Idéale pour : affiche illustration botanique

Botanique et régénérant, il évoque des feuilles sombres de pluie et des allées de pierre après la bruine. Ces combinaisons jour de pluie sont parfaites pour des affiches nature, marques bien-être et packaging qui ont besoin d’un vert enraciné. Utilisez la sauge pâle en réserve, le forêt profond pour les tiges, titres, bordures. Astuce : gardez le gris froid comme ombre pour préserver la profondeur sans ajouter de noir.

Exemple d’image jardin sous la bruine générée avec media.io

8) Brouillard du Port

HEX : #E3E7EA #B8C1C8 #7D8E9C #3F5564 #2A333B

Ambiance : frais, nautique, posé

Idéale pour : mise en page brochure de voyage

Frais et posé, il rappelle un port discret enveloppé de brume, aux profondeurs bleu acier atténuées. Les tons clairs rendent les séries photo aérées, les bleus plus foncés servent pour titres et séparateurs affirmés. Idéal avec la photo monochrome et de simples icônes de carte. Astuce : réservez la nuance la plus sombre pour du texte très petit uniquement si vous maintenez un bon espacement des lignes.

Exemple d’image brouillard du port générée avec media.io

9) Ardoise et Épicéa

HEX : #C7CED6 #6D7F8C #2F3A44 #2F4A3A #D6C6B3

Ambiance : aventurier, enraciné, moderne

Idéale pour : page produit équipement outdoor

Aventurier et enraciné, il évoque la roche ardoise et les aiguilles d’épicéa après la pluie. Utilisez la gamme ardoise pour les spécifications produits et composants UI, puis l’épicéa pour les boutons principaux ou les badges. Le sable chaud adoucit l'ensemble et fonctionne bien derrière des photos de style de vie. Astuce : réservez le vert pour quelques actions clés, qu’il paraisse intentionnel, pas décoratif.

Exemple d’image d’ardoise et d’épicéa générée avec media.io

10) Imperméable Métro

HEX : #F2F4F6 #B7C0C8 #4B5964 #F2C14E #2B2F33

Ambiance : moderne, énergique, chic urbain

Idéale pour : affiche d’événement

Moderne et chic urbain, il met en valeur l’effet “imperméable” sur une plateforme grise. Cette palette pluvieuse fonctionne parfaitement quand vous voulez une base neutre ponctuée d’un accent optimiste qui attire instantanément l’attention. Utilisez le jaune pour le titre de l’événement et les détails clés, tandis que les gris structurent l’arrière-plan et les textes secondaires. Astuce : gardez le jaune pour les grands aplats et titres, afin qu’il reste éclatant sans être criard.

Exemple d’image d’imperméable métro générée avec media.io

11) Bougie dans la Tempête

HEX : #1E2328 #3F4A52 #8B949D #E7D7B8 #C77C5A

Ambiance : intimiste, chaleureux, ambiance tamisée

Idéale pour : packaging de bougie artisanale

Intimiste et chaleureux, il évoque une flamme de bougie réchauffant une pièce orageuse. Utilisez le charbon et l’ardoise comme base d’étiquette, puis laissez la crème cireuse illuminer la typographie. Un terracotta atténué fonctionne très bien pour les sceaux, notes de parfum ou petits motifs. Astuce : privilégiez un papier mat et gardez le terracotta sur de petites zones pour préserver une allure raffinée et posée.

Exemple d’image de bougie dans la tempête générée avec media.io

12) Minimaliste Jour de Pluie

HEX : #FFFFFF #E6EAEE #B9C2C9 #6F7C86 #2E353C

Ambiance : épuré, aéré, direct

Idéale pour : interface d’onboarding application mobile

Épuré et aéré, il évoque une lumière douce de ciel couvert avec des contours nets. Utilisez le blanc et le gris pâle pour les écrans qui nécessitent de la clarté, puis passez à l’ardoise pour les en-têtes et les indicateurs de progression. La teinte la plus foncée est idéale pour les textes principaux et les traits des icônes. Astuce : ajoutez un léger dégradé entre les deux couleurs les plus claires afin d’éviter un aspect trop plat ou aseptisé.

Exemple d’image de minimalisme jour de pluie générée avec media.io

13) Cacao et Béton

HEX : #E9E0D6 #B8A89A #7A6F68 #3E3A38 #4A6A73

Ambiance : terreux, urbain, cosy-moderne

Idéale pour : templates réseaux sociaux marque café

Terreux et urbain, il rappelle la chaleur cacao sur les murs de béton et les ombres bleu-pluie. Le beige crémeux est parfait pour les fonds et templates d’histoires, tandis que les bruns cacao ajoutent du caractère à la marque. Un bleu-vert atténué propose un contrepied frais pour les stickers, prix ou accroches. Astuce : harmonisez les graisses de caractères pour donner une palette volontaire plutôt que rustique.

Exemple d’image de cacao et béton générée avec media.io

14) Tonnerre Doux

HEX : #D6D9DE #9FA8B3 #5A6673 #2C3440 #7B6D8D

Ambiance : orageux, élégant, légèrement rêveur

Idéale pour : kit d’invitation de mariage

Orageux et élégant, il évoque un tonnerre lointain adouci par la brume et une touche de violet du crépuscule. Cette palette pluvieuse convient aux invitations modernes où l’on souhaite une ambiance romantique sans tons pastel sucrés. Utilisez le gris clair pour le papier, l’ardoise pour les textes, et le violet pour les monogrammes ou cachets de cire. Astuce : imprimez le violet en couleur directe pour garder sa profondeur et sa régularité.

Exemple d’image de tonnerre doux générée avec media.io

15) Papiers Bateaux Pastels

HEX : #F7F3EF #D9DCE8 #B8C7D6 #8FA0A8 #E3B7A0

Ambiance : doux, nostalgique, ludique-calm

Idéale pour : papeterie pour enfants

Doux et nostalgique, on a l’impression de bateaux en papier flottant dans de petites flaques. Utilisez la touche blush pour de petites illustrations et autocollants, tandis que les bleu-gris apaisent l’ensemble et facilitent la lecture. Cette palette s’associe joliment à des petits doodles, une typo arrondie et beaucoup d’espace blanc. Astuce : privilégiez les contours en gris-bleu moyen pour garder de la légèreté.

Exemple d’image de pastels bateaux en papier générée avec media.io

16) Affiche Mousson

HEX : #0E2A3B #17465B #2E7C8A #A7C6C8 #E9E6DF

Ambiance : audacieux, côtier, détrempé par la pluie

Idéale pour : flyer festival de musique

Audacieux et détrempé, il évoque la rencontre du ciel de mousson et de la mer. Les bleus profonds offrent une scène dramatique pour les grosses typos, tandis que le vert sarcelle anime formes et dégradés. La mousse de mer pâle et l’écru chaud préservent la lisibilité même avec beaucoup d’information. Astuce : pour un fond dynamique sans multiplier les couleurs, optez pour un dégradé bi-ton entre sarcelle et bleu marine.

Exemple d’image d’affiche mousson générée avec media.io

17) Jean Délavé par la Pluie

HEX : #E1E6ED #A9B7C9 #6D84A3 #3E556F #2B2F36

Ambiance : décontracté, fiable, froid

Idéale pour : publicité produit jean

Décontracté et fiable, il rappelle le jean foncé par la pluie mais toujours net. Utilisez le bleu-gris pâle pour le fond, et les tons denim moyens pour les encarts et badges. Le bleu marine profond et le charbon mettent en valeur les noms de produits et prix sans excès de contraste. Astuce : conservez une typographie monochrome pour laisser parler les nuances de denim.

Exemple d’image de jean délavé par la pluie générée avec media.io

18) Fleur d’Orage

HEX : #2A2E35 #55606B #A9B3BC #D7D1C6 #B06A7A

Ambiance : romantique, moderne, légèrement dramatique

Idéale pour : packaging cosmétique

Romantique et légèrement dramatique, il évoque des pétales sur un ciel d’orage. Cette palette pluvieuse avec une touche rose poudré est idéale pour un packaging beauté à la fois doux et affirmé. Utilisez les gris en base d’étiquette, puis laissez le rose identifier noms de teintes ou sceaux. Astuce : imprimez le rose sur un fond beige chaud pour une sophistication sobre, sans excès sucré.

Exemple d’image de fleur d’orage générée avec media.io

19) Phare Après la Pluie

HEX : #F3F0E9 #C8D2D8 #6E7F8A #1F3B4D #C65A3A

Ambiance : maritime, optimiste, net

Idéale pour : rapport annuel association

Maritime et optimiste, il évoque un rayon de phare traversant la pluie persistante. L’écru apporte un confort de lecture sur la durée, tandis que les titres bleu océan profond donnent de l’autorité. L’orange-rouge atténué sert d’accent fort sur graphiques, accroches, ou chiffres clés. Astuce : limitez l’accent à une ou deux séries de données pour favoriser la lisibilité des graphiques.

Exemple d’image de phare après la pluie générée avec media.io

20) Fenêtre de Bus la Nuit

HEX : #0B0F14 #1F2A35 #3B556B #7A92A6 #D8D3C7

Ambiance : nocturne, contemplatif, techno-calm

Idéale pour : interface dark mode app fintech

Nocturne et contemplatif, il évoque les lumières de la rue qui traversent la vitre d’un bus de nuit. Utilisez le quasi-noir et le bleu profond en base pour le mode sombre, puis rehaussez avec l’ardoise et le bleu brumeux pour les cartes. La teinte neutre claire et chaude est parfaite pour les highlights et les états vides amicaux. Astuce : utilisez le bleu brumeux pour les anneaux de focus afin de préserver l’accessibilité sans recourir au néon.

Exemple d’image de fenêtre de bus la nuit générée avec media.io

Quelles couleurs vont bien avec une palette jour de pluie ?

Les palettes “jour de pluie” s’harmonisent le mieux avec d’autres tons atténués : blancs doux, gris brume, bleus ardoise, verts désaturés. Ils gardent vos créations sobres et lisibles, surtout pour les interfaces et l’éditorial.

Pour le contraste, ajoutez une seule touche chaude comme le caramel, le terracotta, le rose poudré ou un orange-rouge atténué. Les accents chauds fonctionnent particulièrement bien sur une base froide (bleu-gris/charbon) car ils attirent l’œil sans être agressifs.

Pour un look plus premium, mélangez des neutres orageux avec du quasi-noir et un blanc cassé (plutôt que blanc pur). Cette chaleur subtile est plus agréable à l’impression et plus confortable à l’écran.

Comment utiliser une palette de couleurs jour de pluie dans des créations réelles

Commencez par un fond clair “ciel couvert” (gris brumeux ou écru chaud), puis choisissez une teinte moyenne pour la structure (cartes, sections, séparateurs) et une teinte profonde pour texte et navigation. L’organisation reste nette même avec des couleurs subtiles.

Utilisez les accents avec intention : réservez la couleur la plus lumineuse ou la plus chaude pour les boutons principaux, chiffres clés ou titres. Avec les palettes pluvieuses, un petit accent suffit à donner le ton, ce qui permet d’assurer une ambiance unifiée.

Enfin, jouez sur la texture et l’image. Grain, papier, photo monochrome… Les palettes sourdes restent riches sans recourir à plus de saturation.

Créer des visuels palette jour de pluie avec l’IA

Pour des mockups parfaitement accordés à votre palette (affiches, packaging, UI), générez-les via l’IA avec un prompt cohérent et l’orientation HEX jour de pluie de votre choix (brume, ardoise, charbon + touche chaude).

Sur Media.io, l’itération est rapide : ajustez les “couleurs dominantes”, changez l’accent (jaune ou terracotta) et gardez le même prompt de structure pour comparer facilement les variantes.

Quand le rendu vous plaît, exportez les visuels pour présentations, moodboards ou validation client ; puis bâtissez votre design final autour de la palette gagnante.

Suivant : Palette de couleurs vert bourgogne