Schémas de couleurs blanc et marron : 20 palettes avec codes hexadécimaux

Une palette de couleurs blanc brun mélange des blancs aérés avec des bruns à la terre, créant des designs chaleureux, propres et dignes de confiance. C'est un moyen facile d'obtenir un look haut de gamme sans compter sur les couleurs bruyantes.

Des menus de café à l'interface utilisateur minimale, ces neutres chauds apportent une structure calme, un contraste doux et une ambiance naturelle «artisanale» qui fonctionne à travers l'impression et le numérique.

Pourquoi les Palettes blanches marron fonctionnent si bien

Le blanc apporte clarté et espace respiratoire, tandis que le marron ajoute du poids, de la chaleur et une sensation naturelle. Ensemble, ils créent un contraste confortable qui se lit comme moderne, intemporel et «réel».

Ces palettes sont flexibles: poussez-les plus légères pour des layouts minimalistes et éditoriaux, ou penchez-vous dans des tons de cacao plus profonds pour un branding haut de gamme et moody. Ils s'associent également magnifiquement à la texture-grain de papier, bois, pierre et ombres douces.

Parce que les teintes sont familières (crème, café, sable, noyer), une palette de couleurs blanche et brune a tendance à se sentir digne de confiance et accessible – idéale pour les étiquettes de produits, les marques de style de vie et les interfaces calmes.

20+ idées de Palette de couleurs blanc marron (avec Codes hexagonaux)

1) Latte en lin

hexagonal:#fbf6ef#efe2cf#d6bc9a#a67852#4b2f22

Humeur:Confortable, accueillant, doucement rustique

Meilleur pour:Café branding et menu design

Confortable et accueillant, comme du lait cuit à la vapeur qui tourbillonne dans un espresso par une matinée pluvieuse. Utilisez les tons de lin pâle pour les espaces blancs généreux et les bruns caramel pour les titres et les diviseurs. Il convient aux logos de cafés, aux menus et aux cartes de fidélité où la chaleur compte plus que le contraste. Astuce: Imprimer sur du papier non revêtu pour rendre les bronzages encore plus riches.

Exemple d'Image de linen latte 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) Mocha en marbre

hexagonal:#ffffff#f2f2f0#cbb9a7#8c6a52#2c1d16

Humeur:Élégant, haut de gamme, éditorial

Meilleur pour:Emballage de soins de la peau de luxe

Élégant et haut de gamme, comme des comptoirs en marbre à côté d'un rôti sombre. Gardez les tons presque blancs comme surface principale, puis utilisez du moka et de l'espresso pour la typographie et le calcul des ingrédients. Le mélange fonctionne magnifiquement avec une feuille métallique ou un brillant spot pour une sensation premium. Astuce: Réservez le marron le plus profond pour les petits détails afin que le paquet soit toujours aéré.

Exemple d'Image de marble mocha généré en utilisant media.io

3) Studio de lait d'avoine

hexagonal:#f7f2ea#e7dccd#c8b29a#9a7657#5a3c2a

Humeur:Minimaliste, calme, moderne

Meilleur pour:mockup d'interface utilisateur 2d pour une boutique de style de vie

Calme et moderne, comme un studio ensoleillé avec des étagères en chêne et des textiles doux. Utilisez les tons d'avoine et de sable pour les panneaux et les cartes, puis apportez le noyer pour les actions clés et la navigation. Le contraste reste doux, ce qui le rend idéal pour les pages d'achat à long défilement. Astuce: associez-le à des icônes grises chaudes pour garder l'interface utilisateur nette sans devenir froide.

Exemple d'Image de oatmilk studio généré avec media.io

4) Papier de cacao

hexagonal:#fffaf3#eadfce#c6aa8c#8a5c3c#3a241c

Humeur:Fait à la main, à la terre, chaud

Meilleur pour:Conception d'emballage de chocolat artisanal

Fabriqué à la main et à la terre, comme des emballages de papier pliés et l'odeur des pointes de cacao. Gardez le blanc crème pour la marque de la marque et laissez les bruns moyens porter des motifs et des blocs d'ingrédients. Il convient aux emballages de petits lots, aux étiquettes et aux sets cadeaux qui ont besoin d'un look artisanal. Astuce: Ajoutez une texture de grain subtile aux tons les plus clairs pour éviter une impression plate.

Exemple d'Image de papier de cacao généré à l'aide de media.io

5) Cabine de sable

hexagonal:#f5efe6#e2d0ba#b69574#7b543a#2b1a12

Humeur:Rustique, extérieur, réconfortant

Meilleur pour:Héros du site Web de mountain lodge

Rustique et réconfortant, comme un porche de cabine après une randonnée et des bottes lancées par la porte. Utilisez le sable pâle comme toile de fond et apportez des châtaignes pour les titres qui se sentent robustes et accueillants. Il s'associe bien à la photographie de la nature, en particulier aux textures persistantes et en pierre. Astuce: Gardez le texte du corps dans le brun le plus foncé pour maintenir la lisibilité sur des panneaux clairs.

Exemple d'Image de sandy cabin généré en utilisant media.io

6) Châtaigne en porcelaine

hexagonal:#ffffff#f1ece6#d0bfae#9b7558#563525

Humeur:Intemporel, raffiné, contraste doux

Meilleur pour:suite d'invitation de mariage

Intemporel et raffiné, comme des vaisselle en porcelaine à côté du bois poli. Gardez les blancs dominants pour une sensation formelle, puis utilisez le châtaigne pour les monogrammes, les bordures et les détails RSVP. Les tons sont magnifiques avec le type serif, le gaufrage et les doublures d'enveloppe. Astuce: Choisissez un papier blanc chaud pour éviter que les bruns ne deviennent trop orangés dans l'impression.

Exemple d'Image de Châtaigne en porcelaine générée en utilisant media.io

7) Noix vanille

hexagonal:#fff7e8#eddcc0#c9a57b#8b6241#3e2618

Humeur:Doux, confortable, accessible

Meilleur pour:Étiquettes de produits de boulangerie

Sucré et accessible, comme un glaçage de vanille sur des noix grillées. Utilisez les tons clairs beurrés pour la base de l'étiquette et les teintes noyer pour les noms de produits et les badges de saveur. Il fonctionne particulièrement bien sur les pots, les sacs à pain et les autocollants saisonniers. Astuce: Ajoutez un petit badge à haut contraste dans le marron le plus profond pour une numérisation rapide des étagères.

Exemple d'Image de vanilla walnut généré en utilisant media.io

8) Argile et crème

hexagonal:#fcf5ec#e8d2bd#c39b7d#9a6b4a#4a2b1f

Humeur:Terreux, créatif, artisanal

Meilleur pour:Atelier de céramique flyer

Terreux et créatif, comme de l'argile mouillée sur les mains et des étagères chauffées au four. Laissez la crème transporter l'espace en-tête, puis couchez l'argile et les bruns en terre cuite pour les formes, les informations de classe et les blocs de prix. Il s'associe parfaitement à des illustrations de lignes simples de pots et d'outils. Astuce: Gardez la nuance la plus sombre pour l'appel à l'action afin que le dépliant reste facile à scanner.

Exemple d'Image de clay & cream généré avec media.io

9) Cappuccino dérive

hexagonal:#f9f4ee#e6d7c9#bfa58c#7b5a45#2a1a14

Humeur:Détendue, Intime, Classique

Meilleur pour:conception de couverture de livre

Détendue et intime, comme de l'art en mousse qui s'estompe lentement sur un cappuccino. Utilisez les tons plus clairs pour les dégradés d'arrière-plan et le marron moyen pour les lettres de titre qui se sentent littéraires et chaleureux. Il fonctionne bien avec des textures de papier subtiles et une illustration minimale. Astuce: Ajoutez une ligne clé blanche mince autour du type foncé si l'arrière-plan comprend des grains.

Exemple d'Image de cappuccino drift généré à l'aide de media.io

10) Écorce de bouleau

hexagonal:#fffdf8#efe7db#cdbfae#8a6f57#3b2a20

Humeur:Naturel, Aéré, Nordique

Meilleur pour:design d'intérieur mood board

Naturel et aéré, comme des bouleaux contre un ciel hivernal pâle. Utilisez les blancs cassés et les taupes pâles pour les grands blocs, puis apportez le brun écorce pour les notes de meubles et les étiquettes de matériaux. Cet ensemble adore être associé à des luminaires noirs mat et à des accents de sauge silencieux. Conseil: gardez les motifs subtils et laissez la texture faire le travail lourd.

Exemple d'Image d'écorce de bouleau générée en utilisant media.io

11) Parchemin Antique

hexagonal:#fff8e9#ead8bf#c7ad88#9a744f#5a3c25

Humeur:vintage, savant, chaleureux

Meilleur pour:Éditorial magazine spread

Vintage et savant, comme de vieilles pages de parchemin et des épines en cuir. Utilisez la crème la plus claire pour les marges et les colonnes, puis comptez sur les bruns les plus riches pour les en-têtes des sections et les guillemets. Il convient aux aménagements de longue forme où le confort est autant important que la clarté. Astuce: Choisissez un noir légèrement chaud pour le texte du corps afin qu'il s'intègre naturellement dans la palette.

Exemple d'Image de parchemin antique généré en utilisant media.io

12) Amande grillée

hexagonal:#fdf6ee#ead9c9#d2b49a#a37a56#5b3926

Humeur:Amitieux, sain, ensoleillé

Meilleur pour:Cartes de recettes de blog alimentaire

Amitieux et ensoleillé, comme des amandes grillées éparpillées sur une serviette de lin. Gardez les tons pâles pour les étapes de la recette et les espaces blancs, puis utilisez des bruns caramel pour les titres et les ingrédients. Il s'associe bien aux photos de nourriture en haut et aux icônes simples. Astuce: Utilisez le brun mi-ton pour les diviseurs afin que la disposition reste douce plutôt que boîtée.

Exemple d'Image d'amande grillée générée en utilisant media.io

13) Glacre Espresso

hexagonal:#faf2e7#e3d1bf#b99378#6b4632#1f1410

Humeur:Audacieux, dramatique, humoreux

Meilleur pour:Annonce de produit premium coffee

Audacieux et humoreux, comme du sirop espresso versé sur de la crème. Utilisez l'espresso presque noir comme ancre pour les titres, puis soulevez la mise en page avec un espace négatif beige doux. Il fonctionne dans les publicités haut de gamme où le contraste et la retenue semblent luxueux. Astuce: Gardez un seul élément d'accent dans la teinte la plus sombre pour éviter de submerger les tons plus clairs.

Exemple d'Image de glaçure espresso générée à l'aide de media.io

14) Thé au lait Minimal

hexagonal:#fffaf6#efe3da#d7c1b3#a47b67#5a3a2f

Humeur:Doux, moderne, discret

Meilleur pour:2d ui mockup pour une application de bien-être

Doux et discret, comme le thé laitier dans un verre clair. Utilisez les tons médians blush-beige pour les cartes et les entrées, puis réservez le cacao plus profond pour les boutons primaires et les états actifs. Il prend en charge les écrans d'embarquement calmes sans se sentir lavé. Astuce: ajoutez des ombres subtiles au lieu de bordures dures pour garder l'interface douce.

Exemple d'Image de milk tea minimal généré en utilisant media.io

15) Galerie rustique

hexagonal:#f8f4ef#e4d8cc#c0a894#7f604c#3a2a23

Humeur:Couré, chaleureux, artistique

Meilleur pour:Mise en page du site Web du portfolio

Curié et artistique, comme une petite galerie avec des lumières chaudes et des cadres en bois. Gardez l'arrière-plan presque blanc pour que la photographie se démarque, puis utilisez le taupe et le brun pour la navigation et les légende. Ces tons soutiennent un look calme et confiant sans voler l'attention du travail. Astuce: Utilisez la teinte la plus foncée uniquement pour les états de mouvement pour garder la page claire.

Exemple d'Image de rustic gallery généré avec media.io

16) Coton du désert

hexagonal:#fffdfb#f0e6db#d8c3ad#b08463#6b4630

Humeur:Ensoleillé, détendu, aéré

Meilleur pour:Signalisation intérieure de la boutique

Ensoleillé et détendu, comme un tissu de coton séchant dans l'air du désert. Utilisez les blancs pâles pour l'espace négatif et les bronzages chauds pour trouver le chemin et les panneaux de prix qui se sentent amicaux. Il se marie bien avec des accessoires en laiton, du chêne clair et des fleurs séchées. Astuce: Testez le ton moyen sur du vinyle mat afin qu'il reste lisible sous une lumière chaude.

Exemple d'Image de desert cotton généré en utilisant media.io

17) Pierre & Scone

hexagonal:#f6f3ee#e2d8ce#bca998#806452#38261f

Humeur:Cordial, accueillant, équilibré

Meilleur pour:Conception d'affiche brunch

Copiant et accueillant, comme un scone chaud sur une assiette en grès. Utilisez la base crémeuse pour le champ d'affiche, puis couchez des bruns moyens pour les blocs d'illustration et le calendrier. Ces tons se sentent accueillants pour les événements de quartier et les menus de saison. Astuce: Ajoutez un seul petit pop de vert silencieux si vous avez besoin d'un signal de hiérarchie supplémentaire.

Exemple d'Image de stone & scone généré en utilisant media.io

18) Chuchotement de cannelle

hexagonal:#fff6ef#f0ddcf#d3b19a#b07a5a#5f3a2a

Humeur:Romantique, doux, confortable

Meilleur pour:Étiquettes de bougie faites à la main

Romantique et doux, comme la cannelle dans l'air chaud au crépuscule. Les crèmes douces et les bronzages roses constituent une belle base d'étiquette, tandis que le brun épicé plus profond affinera le nom du parfum. Une des combinaisons de couleurs blanc-brun les plus faciles pour les petits emballages car il reste lisible sans avoir une sensation dure. Astuce: Utilisez un type arrondi et beaucoup d'espace respiratoire pour vous pencher dans l'humeur calme.

Exemple d'Image de cinnamon whisper généré en utilisant media.io

19) Musée Sépia

hexagonal:#fbfbf8#ede6dc#cdbba8#91725a#4a3227

Humeur:Historique, réfléchi, poli

Meilleur pour:brochure d'exposition

Historique et réfléchi, comme des photos de sépia dans une salle de musée calme. Utilisez les neutres pâles pour obtenir des marges généreuses et laissez les marron plus chauds guider les titres et les onglets de section. Il s'associe parfaitement aux images monochromes et aux règles fines en gris chaud. Astuce: Maintenez le contraste élevé sur les petits sous-titres en choisissant les deux tons les plus foncés pour le type.

Exemple d'Image de sépia de musée générée en utilisant media.io

20) Cacao à la noix de coco

hexagonal:#fffefc#f1ede6#d6c7b8#9d7e66#50372b

Humeur:Propre, biologique, moderne

Meilleur pour:Emballage de savon naturel

Propre et bio, comme des copeaux de noix de coco sur du cacao foncé. Utilisez les blancs pour un look frais et axé sur les ingrédients, puis apportez le brun cacao pour les variantes de parfum et les marques de tampon. Une palette de couleurs blanc brun bien équilibrée pour les marques éco car elle est naturelle sans avoir l'air boueuse. Astuce: Ajoutez un petit dessin de ligne botanique dans le ton moyen pour lier tout ensemble.

Exemple d'Image de coconut cocoa généré en utilisant media.io

21) Brume de moka d'hiver

hexagonal:#ffffff#f3f1ee#d9d0c6#a98b77#5a4237

Humeur:Doux, aéré, tranquillement chaud

Meilleur pour:Conception d'en-tête d'e-mail de vacances

Doux et aéré, comme un matin d'hiver avec une tasse chaude à la main. Les blancs frais gardent les aménagements nets, tandis que les bruns moka ajoutent de la chaleur saisonnière sans devenir rouges ou verts. Il fonctionne bien pour les en-têtes d'e-mail, les bannières et les blocs promotionnels simples. Astuce: Utilisez le ton moyen pour des points ou des motifs subtils semblables à la neige, pas des remplissages lourds.

Exemple d'Image de brume de moka d'hiver générée à l'aide de media.io

22) Biscuits et écorce

hexagonal:#fff8f0#edd9c8#caa487#855a3f#2f1d15

Humeur:Contraste réconfortant, terrestre, audacieux

Meilleur pour:restaurant rustique branding

Réconfortant et terrestre, comme des biscuits sur une planche de bois. Utilisez la crème de biscuit pour les arrière-plans de signalisation et le marron d'écorce pour les logotypes et les marques de style timbre. Ces combinaisons de couleurs blanc-brun sont particulièrement fortes avec du papier texturé, de l'impression et des logos simples de badge. Conseil: Gardez votre couleur d'accent à un petit élément, comme un point rouge piment, afin que la marque reste à la terre.

Exemple d'Image de biscuit & bark généré en utilisant media.io

Quelles couleurs vont bien avec le blanc brun?

Le blanc et le marron s'associent naturellement aux grises chaudes, aux charbons de bois doux et aux verts atténués (sauge, olive, eucalyptus). Ces ajouts gardent la palette calme tout en ajoutant de la profondeur aux états de l'interface utilisateur, aux icônes et à la hiérarchie de la typographie.

Pour une direction un peu plus haut de gamme ou éditoriale, essayez des accents métalliques (or, laiton) ou des noirs presque encrés. Si vous voulez une touche fraîche et moderne, dusty blues peut refroidir la chaleur sans se heurter.

Lorsque vous ajoutez une couleur d'accent, gardez-la petite et intentionnelle-insignes, liens ou un seul point de vue-afin que le fond de teint neutre chaud reste cohérent.

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

Commencez par le blanc/crème le plus clair comme toile principale, puis attribuez un brun moyen pour les surfaces secondaires (cartes, panneaux, étiquettes). Utilisez le marron le plus foncé avec parcimonie pour le texte, les icônes et les CTA clés pour protéger la lisibilité.

En impression, les palettes blanc-brun sont les meilleures lorsque vous vous penchez sur des matériaux: papier non revêtu, grain subtil, gaufrage ou brillant spot. Dans le numérique, remplacez les bordures lourdes par des ombres douces et des séparateurs gris chaud pour éviter un look "boueux".

Si le contraste semble trop doux, augmentez la séparation avec l’échelle (titres plus grands), l’espacement (plus d’espace blanc) et la texture (motifs uniquement dans les demi-tons), plutôt que d’ajouter davantage de couleurs.

Créer des visuels de Palette blanc brun avec l'IA

Vous souhaitez voir ces codes HEX dans des maquettes réelles—menus, emballages, affiches, écrans d’interface, et plus encore ? Avec Media.io, vous pouvez générer des visuels cohérents à partir d’une simple requête et itérer rapidement.

Décrivez la disposition, le style et la lumière souhaités (par exemple : « étiquette minimaliste pour soin de la peau, fond crème, typographie moka »), puis affinez jusqu’à ce que la palette soit parfaite pour votre projet.

Suivant : Palette de couleurs gris bleu clair