Tons blancs et verts modernes : 20 combinaisons de palettes + Hex

Le blanc et le vert forment une combinaison intemporelle : le blanc garde les mises en page épurées et aérées, tandis que le vert apporte de la vie, de la fraîcheur et un équilibre naturel. Ensemble, ils fonctionnent dans les interfaces modernes, les emballages et l’impression car ils demeurent à la fois minimalistes et accueillants.

Vous trouverez ci-dessous des idées de palettes de couleurs blanc et vert sélectionnées avec des codes HEX, des notes d’ambiance et des façons concrètes d’utiliser chaque combinaison — ainsi que des prompts IA réutilisables pour générer rapidement des visuels.

Pourquoi les palettes blanc vert fonctionnent-elles si bien ?

Le blanc apporte une clarté immédiate : il agrandit l’espace perçu, améliore la lisibilité et rend la typographie et les images nettes. Si vous recherchez une simplicité moderne sans froideur, le blanc est une base idéale.

Le vert ajoute émotion et sens — fraîcheur, croissance, calme, santé, valeurs écologiques — selon la nuance. Les sauges douces paraissent raffinées et discrètes, tandis que les verts printaniers vifs paraissent dynamiques et digitaux.

En système, le duo blanc + vert s’étend facilement : le blanc sert pour les fonds et surfaces, les verts moyens définissent les sections et composants, et les verts foncés assurent un contraste accessible pour les textes, icônes et boutons d’action.

20+ idées de palettes blanc vert (avec codes HEX)

1) Lin Menthe

HEX : #f8f7f2 #dff3ea #a7d8c7 #4f8f77 #2f3a35

Ambiance : aérien, calme, moderne

Idéal pour : interface de tableau de bord SaaS

Un menthe aérien et des blancs de lin doux évoquent la lumière matinale dans un studio propre. La base pâle garde la mise en page ouverte, tandis que le vert plus foncé ancre la navigation et les états clés. Associez-le à des icônes à ligne fine, beaucoup d’espaces, et des diviseurs gris chauds pour une bonne lisibilité. Astuce : réservez le vert le plus foncé pour les boutons principaux et les messages de réussite pour garder la clarté.

Exemple d’image de lin menthe généré avec media.io

Media.io

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

Essayez gratuitement dès maintenant

2) Galerie Sauge

HEX : #fbfbf7 #e6efe6 #b8cbb8 #6f8d77 #2e4738

Ambiance : raffiné, discret, sélectionné

Idéal pour : site portfolio artistique

Des tons de sauge apaisants sur blanc galerie évoquent des tirages encadrés et une salle d’exposition calme. Utilisez le vert sauge moyen pour les fonds de section et le vert foncé pour les titres afin de créer une hiérarchie type musée. S’accorde avec des titres en serif, des bordures fines et beaucoup d’espace négatif. Astuce : gardez les images sur des blocs blancs purs pour une fidélité des couleurs optimale.

Exemple d’image de galerie sauge généré avec media.io

3) Brume Eucalyptus

HEX : #f4faf7 #d7efe6 #9ccbbf #4d7f76 #1f2f2c

Ambiance : frais, spa, apaisant

Idéal pour : identité de marque de soins

La brume d’eucalyptus exprime propreté et revitalisation, comme des serviettes chaudes et des plantes feuillues. Pour une palette blanc vert haut de gamme, maintenez les fonds quasi blancs et laissez les tons moyen bleu-vert porter la marque. Associez à des textures mates, emballages minimalistes et un noir-vert doux pour les textes. Astuce : utilisez la menthe claire comme couleur d’ambiance sur de grandes surfaces et évitez de sursaturer les encarts importants.

Exemple d’image de brume eucalyptus généré avec media.io

4) Porcelaine Aloe

HEX : #ffffff #eaf6f0 #c5e6d6 #78b89a #2f5e49

Ambiance : propre, doux, optimiste

Idéal pour : page d’accueil bien-être

Le blanc porcelaine associé au vert aloe donne une impression de légèreté, de santé et d’optimisme. Utilisez le vert pâle en fond de sections pour réduire l’éblouissement tout en gardant la page lumineuse. S’accorde bien avec des éléments UI arrondis, des ombres douces et des tons neutres chauds comme le sable en accent secondaire. Astuce : gardez les boutons d’appel à l’action dans le vert foncé pour bien ressortir sans être criard.

Exemple d’image de porcelaine aloe généré avec media.io

5) Marbre Forêt

HEX : #f6f5f0 #dfe7de #98b59c #3f6b4a #1e2b22

Ambiance : ancré, élégant, intemporel

Idéal pour : brochure d’hôtel de charme

Des verts forêt profonds sur un blanc marbré évoquent halls, textures minérales et luxe discret. Ces associations blanc vert conviennent parfaitement aux brochures nécessitant des titres qui captent l’attention tout en gardant un texte de corps lisible. Associez à des détails dorés, papiers épais et superpositions photo subtiles. Astuce : utilisez le vert quasi-noir pour les petits textes et réservez le vert moyen pour les aplats importants.

Exemple d’image de marbre forêt généré avec media.io

6) Atelier Pistache

HEX : #fbfaf5 #e9f2dd #cde2a8 #8fb85c #3a4a2b

Ambiance : ensoleillé, ludique, accessible

Idéal pour : design de menu café

Les verts pistache lumineux et le blanc crémeux évoquent un comptoir de café éclairé et des pâtisseries fraîches. Utilisez la pistache claire en fond de menu et l’olive foncée pour les noms et prix. S’accorde naturellement avec des icônes dessinées main et photos chaleureuses. Astuce : gardez une couleur d’accent par section pour une lecture aisée.

Exemple d’image de atelier pistache généré avec media.io

7) Jardin de Thé

HEX : #f9f9f3 #e3f0e1 #b4d5b6 #6c9b74 #2b4a33

Ambiance : cosy, naturel, accueillant

Idéal pour : suite d’invitations de mariage

Des verts jardin de thé sur blanc doux évoquent des feuilles pressées et du papier fait main. Utilisez le vert le plus foncé pour les noms et titres, puis gardez les détails en sauge claire pour une hiérarchie douce. Magnifique avec aquarelles florales et textures bords déchirés. Astuce : imprimez sur un papier blanc chaud pour éviter un contraste trop dur.

Exemple d’image de jardin de thé généré avec media.io

8) Minimal Mousse de Mer

HEX : #fcfffd #e5fbf4 #b8efe0 #5db9a2 #1f5a4b

Ambiance : léger, frais, contemporain

Idéal pour : écrans d’accueil d’appli mobile

Une mousse de mer vive sur blanc éclatant donne une sensation moderne et aérée, comme une brise côtière. Utilisez la teinte la plus claire sur tout l’écran, gardez la mousse saturée pour les illustrations et états d’avancement. Idéal avec formes géométriques et textes minimalistes. Astuce : veillez à l’accessibilité en utilisant le vert-bleu foncé pour tous les petits textes.

Exemple d’image de minimal mousse de mer généré avec media.io

9) Carnet Olive

HEX : #f7f6f1 #e7eadf #c3c8ad #7f8760 #3b3f2d

Ambiance : académique, naturel, fiable

Idéal pour :Papeterie et couverture de carnet

L’olive terreuse associée à un blanc papier évoque un carnet bien utilisé et un bureau tranquille. Une combinaison équilibrée de vert et de blanc fonctionne au mieux lorsque les neutres clairs dominent et que l’olive sert de structure. À associer avec des textures kraft, des motifs de lignes simples et une encre noire douce. Conseil d’utilisation : ajoutez une fine bordure olive moyen pour donner à la couverture une finition plus aboutie.

Exemple d’image de carnet olive généré avec media.io

10) Céramique Prairie

HEX :#fffdf8 #eef7e8 #cfe8c2 #86b77b #2f5a3a

Ambiance :chaleureux, frais, amical

Idéal pour :annonce produit d’articles de cuisine

Les verts de prairie doux sur un blanc chaud évoquent la céramique émaillée et les comptoirs baignés de soleil. Utilisez les tons les plus clairs en arrière-plan et laissez le vert moyen mettre en valeur les caractéristiques ou points clés. Le tout s’accorde bien avec des accessoires en bois naturel et une typo sans sérif simple. Conseil d’utilisation : gardez les reflets subtils pour une ambiance douce et non clinique.

Exemple d’image de céramique prairie généré avec media.io

11) Spa Bambou

HEX :#f3f8f1 #d9edd2 #a9d3a0 #5f9c63 #2b4d2f

Ambiance :restaurateur, naturel, équilibré

Idéal pour :affiche promotionnelle de spa

Les verts bambou ressourçants évoquent la vapeur, l’eucalyptus et des salles calmes. Utilisez le vert clair en base apaisante et le vert plus profond pour les titres et détails des offres. Cela s’accorde avec des photographies minimalistes, des séparateurs fins et beaucoup d’espace. Conseil d’utilisation : gardez un contraste élevé pour les prix et dates afin que la promo reste lisible de loin.

Exemple d’image de spa bambou généré avec media.io

12) Émeraude Craie

HEX :#f8f9f6 #e0efe9 #9fd4c2 #2f8b6f #173a31

Ambiance :assuré, intelligent, énergique

Idéal pour :présentation de cours

L’émeraude affirmée avec des blancs crayeux rappelle une salle de classe moderne et des tableaux nets. Ces associations de blanc et de vert offrent un fort contraste pour les titres sans être agressives. Associez avec des graphiques simples, boîtes de surlignage arrondies et des grilles gris clair pour la structure. Conseil d’utilisation : utilisez l’émeraude pour les en-têtes de section et conservez le texte courant sur du blanc cassé pour le confort de lecture.

Exemple d’image d’émeraude craie généré avec media.io

13) Concombre Frais

HEX :#fdfffb #effae7 #d3f1b9 #86c55a #2d5320

Ambiance :vivifiant, net, jeune

Idéal pour :kit d’identité bar à jus

Les verts de concombre zestés avec du blanc lumineux donnent une impression de fraîcheur, vivacité et jeunesse. Utilisez le vert vif avec parcimonie pour logos, autocollants ou petits accents afin de ne pas surcharger. Cela se marie bien avec une typo sans sérif marquée et des photos de fruits bien éclairées. Conseil d’utilisation : ajoutez un vert-gris neutre pour les zones code-barres/ingrédients afin de garder l’emballage net.

Exemple d’image de concombre frais généré avec media.io

14) Fougère Typographique

HEX :#fafcf8 #e6f2e0 #b9d4b1 #5e8a5c #233a26

Ambiance :littéraire, calme, classique

Idéal pour :design de couverture de livre

Des verts fougère apaisants sur blanc doux rappellent des coins lecture calmes et des illustrations botaniques. Utilisez le vert le plus foncé pour le titre et l’auteur, et gardez les accents vert sauge pour une unité graphique. Cela accompagne bien une typo à sérif et un léger grain papier. Conseil d’utilisation : évitez le noir pur et laissez le vert foncé gérer le contraste.

Exemple d’image de fougère typographique généré avec media.io

15) Lierre Mariage

HEX :#fffefb #eef5ee #cfe1d2 #7aa688 #2f5a45

Ambiance :romantique, élégant, naturel

Idéal pour :site web et RSVP de mariage

Des verts lierre romantiques sur blanc chaud évoquent vœux au jardin et arches feuillues. Utilisez le vert le plus pâle pour les fonds de page et le lierre moyen pour boutons, séparateurs et éléments RSVP. Cela s’accorde parfaitement avec des accents calligraphiés et des illustrations fines. Conseil d’utilisation : gardez les champs de formulaire sur blanc pur pour un ressenti propre et facile à remplir.

Exemple d’image de lierre mariage généré avec media.io

16) Matcha Latte

HEX :#fbf7f0 #edf3e3 #cfe0b8 #8aa66b #3f4a33

Ambiance :chaleureux, doux, contemporain

Idéal pour :rafraîchissement d’image café

Des verts matcha cosy avec des blancs lactés rappellent un café paisible et une tasse chaude en main. Pour garder une palette de blanc-vert moderne, privilégiez la base crème et utilisez les tons matcha pour la signalétique, les stickers et les réseaux sociaux. Associez avec des textures papier beige et des icônes minimalistes pour rester accessible. Conseil d’utilisation : réservez le ton le plus foncé pour le logo et la petite typo afin d’avoir un rendu net à l’impression.

Exemple d’image de matcha latte généré avec media.io

17) Vert Glacier

HEX :#f5fbff #e1f5f2 #b9e3df #62a7a6 #254a4f

Ambiance :froid, élégant, technologique

Idéal pour :kit UI fintech

Des verts glacier froids sur blanc givré paraissent élégants et précis, tels des datas propres et un mouvement calme. Utilisez les tons clairs en surface, le teal-vert plus profond pour états actifs, graphiques et alertes. Cela s’associe à des icônes géométriques et une typo sobre. Conseil d’utilisation : pour distinguer succès/info, jouez sur la saturation sans ajouter de couleurs supplémentaires.

Exemple d’image de vert glacier généré avec media.io

18) Béton Mousse

HEX :#f2f2ee #dee3db #aab7a6 #677a62 #2a322b

Ambiance :urbain, discret, sophistiqué

Idéal pour :site d’atelier d’architecture

Des verts mousse éteints sur blanc effet béton apportent une touche urbaine et architecturale, avec une confiance tranquille. Utilisez les gris pâles comme toile principale, puis faites du vert mousse une signature discrète sur liens et marqueurs de section. Cela va bien avec de la photo monochrome et une grille forte. Conseil d’utilisation : évitez les ombres marquées, l’espacement et l’alignement feront le reste.

Exemple d’image de béton mousse généré avec media.io

19) Circuit Printanier

HEX :#f8fff9 #e6ffe9 #bff5c8 #4fd17a #214a32

Ambiance :lumineux, optimiste, digital

Idéal pour :slides pitch start-up

Des verts printaniers éclatants sur blanc net dégagent une énergie de lancement et de rapidité d’itération. Utilisez le vert vif pour mettre en relief KPI, icônes et métriques clés, en gardant la majorité des slides blanches pour la lisibilité. Cela s’agence bien avec des titres vert foncé et des graphiques simples. Conseil d’utilisation : gardez les dégradés subtils pour une bonne impression papier.

Exemple d’image de circuit printanier généré avec media.io

20) Marché aux Herbes

HEX :#fffef6 #edf4e3 #cfe0b0 #7f9b4a #33421e

Ambiance :rustique, frais, authentique

Idéal pour :affiche de marché fermier

Des verts d’herbes sains sur blanc chaud évoquent sacs en papier, bottes fraîches et pancartes manuscrites. Cette combinaison blanc-vert est idéale pour une affiche à l’aspect rustique mais organisé. Ajoutez textures estampées, illustrations simples et typographie limitée pour garder la sympathie. Conseil d’utilisation : utilisez le vert le plus foncé pour dates et lieu afin qu’ils soient bien repérés.

Exemple d’image de marché aux herbes généré avec media.io

21) Presse Botanique

HEX :#f9fbf5 #e7f1e1 #bfd6b6 #6f916f #2b3f2f

Ambiance :éditorial, botanique, raffiné

Idéal pour :mise en page magazine

Des verts botaniques raffinés sur blanc doux évoquent un dossier éditorial dans un magazine nature. Cette palette blanc-vert invite à la lecture longue tout en gardant des sections claires. À associer avec du texte sérif, de larges marges et des légendes photo en vert moyen atténué. Conseil d’utilisation : gardez le ton le plus foncé pour les citations fortes afin qu’elles ressortent sans passer au noir pur.

Exemple d’image de presse botanique généré avec media.io

22) Packaging Herbes du Jardin

HEX :#fffdf5 #f0f6e6 #d3e6c2 #8fbf73 #3a5d2e

Ambiance :frais, pratique, éco-responsable

Idéal pour :packaging de thé bio

Des verts jardin frais sur blanc chaud évoquent des produits honnêtes et les indispensables du garde-manger à étiquettes simples. Les combos blanc-vert brillent en packaging si la typo est propre et qu’un seul vert porte la marque. Associez textures papier recyclé et petites illustrations botaniques pour plus d’authenticité. Conseil d’utilisation : réservez le vert le plus foncé pour textes légaux et codes-barres afin d’avoir une impression nette.

Exemple d’image de packaging herbes du jardin généré avec media.io

Quelles couleurs s’associent bien au blanc vert ?

Le blanc et le vert s’associent naturellement à des neutres chauds comme le sable, la crème, le beige ou le kraft—parfait pour des marques ou packagings naturels et ancrés. Pour un effet premium, ajoutez de petits accents dorés ou laiton (surtout pour les finitions imprimées).

Pour une UI moderne, le gris (froid ou chaud) structure les grilles et séparateurs sans ajouter de bruit. Un vert très foncé ou quasi-noir marche mieux pour le texte, garantissant un contraste fort tout en restant dans le thème.

Besoin de plus de dynamisme ? Essayez quelques accents “pop” : corail, terre cuite ou une touche de pêche pour plus de convivialité ; un bleu-vert pousse la palette vers le tech. Limitez ces accents (icônes, highlights, badges) pour préserver le calme de la base.

Comment utiliser une palette blanc vert dans des designs réels

Commencez par les proportions : laissez le blanc gérer la plupart des surfaces (fonds, cartes, marges), puis les verts clairs pour les aplats et états de sections. Gardez votre vert le plus foncé pour CTA, navigation active, et les labels critiques, pour garder une interface ordonnée.

Pour le branding ou l’impression, choisissez un vert “signature” (moyen ou profond) et répétez-le partout sur logos, titres et rappels. Harmonisez la teinte du papier à vos blancs : les blancs chauds semblent souvent plus naturels que le blanc optique lumineux.

Testez toujours l’accessibilité et la lisibilité : le texte de petite taille doit être posé sur un fond presque blanc avec une teinte vert foncé/charbon. Si un vert moyen est trop clair pour le texte, réservez-le aux arrière-plans, étiquettes ou grandes formes.

Générez des visuels de palettes blanc vert avec l’IA

Si vous souhaitez prévisualiser une palette blanc-vert avant de concevoir, créez rapidement des maquettes avec l’IA. C’est particulièrement utile pour explorer différentes nuances de vert (sauge vs menthe vs olive) et vérifier leur rendu sur de vraies mises en page.

Réutilisez les indications ci-dessus, puis substituez le nom de votre palette, le type de produit ou le format de mise en page (affiche, page d’accueil, emballage, kit UI). Conservez « pas de cadre d’appareil » ou « fond uni » si vous souhaitez des résultats propres et modifiables.

Avec Media.io, vous pouvez créer des images basées sur une palette en quelques secondes et ajuster jusqu’à trouver l’ambiance qui correspond à votre marque.

Prochainement : Palette Couleurs Or Brun