Paletas de colores blanco y marrón: 20 combinaciones con códigos hexadecimales

Una paleta de colores blanco y marrón combina blancos aireados con marrones terrosos, creando diseños que se sienten cálidos, limpios y confiables. Es una forma sencilla de lograr un aspecto premium sin recurrir a colores llamativos.

Desde menús de cafés hasta interfaces minimalistas, estos neutros cálidos aportan estructura tranquila, contraste suave y una vibra artesanal y natural que funciona tanto en impresión como en digital.

Por qué funcionan tan bien las paletas blanco marrón

El blanco aporta claridad y espacio para respirar, mientras que el marrón suma peso, calidez y una sensación natural. Juntos, crean un contraste cómodo que se percibe moderno, atemporal y “real”.

Estas paletas son flexibles: puedes hacerlas más claras para diseños editoriales o minimalistas, o elegir tonos cacao oscuros para marcas premium y evocadoras. También combinan perfectamente con texturas: grano de papel, madera, piedra y sombras suaves.

Como los matices son familiares (crema, café, arena, nogal), un esquema blanco y marrón suele sentirse confiable y accesible — ideal para etiquetas de producto, marcas de estilo de vida e interfaces serenas.

Más de 20 ideas de paletas de color blanco y marrón (con códigos HEX)

1) Latte de lino

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

Ambiente: acogedor, invitante, rústico suave

Ideal para: identidad de cafeterías y diseño de menús

Acogedor e invitante, como leche vaporizada mezclándose con espresso en una mañana lluviosa. Usa los tonos lino pálido para espacios en blanco generosos y los marrones caramelo para titulares y divisores. Es ideal para logotipos, menús y tarjetas de fidelidad de cafeterías donde el calor importa más que el contraste. Consejo: imprime en papel sin recubrimiento para que los tonos beige luzcan aún más ricos.

Ejemplo de imagen de latte de lino generado con media.io

Media.io

Media.io es un estudio de IA en línea para crear y editar videos, imágenes y audio en tu navegador.

Pruébalo ahora gratis

2) Mármol moca

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

Ambiente: elegante, sofisticado, editorial

Ideal para: empaque de cosmética de lujo

Elegante y sofisticado, como encimeras de mármol junto a un café tostado oscuro. Mantén los tonos casi blancos como superficie principal, después utiliza moca y espresso para tipografía y destacados de ingredientes. La mezcla queda perfecta con acabados metálicos o detalles en brillo selectivo para un efecto premium. Consejo: reserva el marrón más intenso para detalles pequeños, así el empaque seguirá luciendo ligero.

Ejemplo de imagen de mármol moca generado con media.io

3) Estudio leche de avena

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

Ambiente: minimalista, tranquilo, moderno

Ideal para: maqueta de UI 2D para una tienda de estilo de vida

Tranquilo y moderno, como un estudio con mucha luz y estanterías de roble y textiles suaves. Usa los tonos avena y arena para paneles y tarjetas, después incorpora nogal para acciones clave y navegación. El contraste se mantiene suave, ideal para páginas de compras con scroll largo. Consejo: acompaña con iconos gris cálido para mantener la interfaz nítida sin que se sienta fría.

Ejemplo de imagen de estudio leche de avena generado con media.io

4) Papel cacao

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

Ambiente: hecho a mano, terrenal, cálido

Ideal para: diseño de envoltorio para chocolate artesanal

Hecho a mano y terrenal, como envoltorios de papel doblado y el aroma de nibs de cacao. Mantén el blanco cremoso para la marca y deja que los marrones medios sostengan patrones y bloques de ingredientes. Es ideal para empaques de pequeñas producciones, etiquetas y sets de regalo que buscan un aspecto artesanal. Consejo: añade una textura sutil de grano a los tonos más claros para evitar una impresión plana.

Ejemplo de imagen de papel cacao generado con media.io

5) Cabaña arenosa

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

Ambiente: rústico, campestre, reconfortante

Ideal para: hero de sitio web de refugio de montaña

Rústico y reconfortante, como el porche de una cabaña tras una caminata y botas en la entrada. Usa la arena pálida como fondo y agrega castaño para titulares que se sientan firmes y acogedores. Combina bien con fotografía de naturaleza, especialmente texturas de siempreverde y piedra. Consejo: mantén el texto del cuerpo en el marrón más oscuro para asegurar la legibilidad sobre paneles claros.

Ejemplo de imagen de cabaña arenosa generado con media.io

6) Porcelana castaña

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

Ambiente: atemporal, refinado, contraste suave

Ideal para: set de invitaciones de boda

Atemporal y refinado, como vajilla de porcelana sobre madera pulida. Mantén los blancos dominantes para una sensación formal y usa castaña para monogramas, bordes y detalles RSVP. Los tonos lucen hermosos con tipografía serif, relieve y sobres forrados. Consejo: elige un papel blanco cálido para evitar que los marrones se tornen demasiado anaranjados al imprimir.

Ejemplo de imagen de porcelana castaña generado con media.io

7) Vainilla y nogal

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

Ambiente: dulce, acogedor, accesible

Ideal para: etiquetas de productos de panadería

Dulce y accesible, como glaseado de vainilla sobre nueces tostadas. Usa los tonos mantecosos claros como fondo de etiqueta y los tonos nogal para los nombres de productos y distintivos de sabor. Funciona especialmente bien en frascos, bolsas de pan y stickers de temporada. Consejo: añade un distintivo de alto contraste en el marrón más oscuro para facilitar la búsqueda en estantería.

Ejemplo de imagen de vainilla y nogal generado con media.io

8) Arcilla y crema

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

Ambiente: terroso, creativo, artesanal

Ideal para: volante de taller de cerámica

Terroso y creativo, como arcilla húmeda en las manos y estantes cálidos de horno. Deja que la crema lleve el espacio principal del titular y superpone marrones arcilla y terracota para formas, información de clases y bloques de precios. Combina bien con ilustraciones de línea simples de vasijas y herramientas. Consejo: reserva el tono más oscuro para el llamado a la acción para que el volante sea fácil de escanear.

Ejemplo de imagen de arcilla y crema generado con media.io

9) Deslave de capuchino

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

Ambiente: relajado, íntimo, clásico

Ideal para:Diseño de portada de libro

Relajado e íntimo, como el arte de espuma que se desvanece lentamente en un cappuccino. Utilice los tonos más claros para los degradados de fondo y el marrón medio para las letras de título que se sienten literarias y cálidas. Funciona bien con texturas de papel sutiles y ilustraciones mínimas. Consejo: Agregue una línea clave blanca delgada alrededor del tipo oscuro si el fondo incluye grano.

Imagen Ejemplo de deriva de cappuccino generado usando media.io

10) Corteza de abedul

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

Ambiente:natural, Aireado, Nórdico

Ideal para:Diseño de interiores mood board

Natural y aireado, como abedules contra un pálido cielo de invierno. Utilice los blancos y los taupes pálidos para bloques grandes, luego traiga marrón corteza para notas de muebles y etiquetas de materiales. A este juego le encanta combinar con accesorios negros mate y acentos de salvia silenciados. Consejo: Mantenga los patrones sutiles y deje que la textura haga el trabajo pesado.

Ejemplo de imagen de corteza de abedul generado usando media.io

11) Pergamino antiguo

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

Ambiente:vintage, erudito, cálido

Ideal para:editorial Revista spread

Vintage y erudito, como viejas páginas de pergamino y espinas de cuero. Utilice la crema más clara para los márgenes y las columnas, luego confíe en los marrones más ricos para los encabezados de las secciones y las comillas. Se adapta a diseños largos donde la comodidad importa tanto como la claridad. Consejo: Elige un negro ligeramente cálido para el texto del cuerpo para que se siente naturalmente dentro de la paleta.

Ejemplo de imagen de pergamino antiguo generado usando media.io

12) Almendras tostadas

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

Ambiente:Amigable, Saludable, Soleado

Ideal para:Tarjetas de recetas de blog de comida

Amigable y soleado, como almendras tostadas esparcidas sobre una servilleta de lino. Mantenga los tonos pálidos para los pasos de la receta y los espacios en blanco, luego use marrón caramelo para los títulos y los ingredientes destacados. Se combina bien con fotos de comida en la cabeza y iconos simples. Consejo: Utilice el marrón de tono medio para los divisores para que el diseño se mantenga suave en lugar de caja.

Ejemplo de imagen de almendras tostadas generadas usando media.io

13) Esmalte de Espresso

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

Ambiente:Atrevido, Dramático, moody

Ideal para:Anuncio de producto de café premium

Atrevido y temperamental, como un jarabe de café espresso vertido sobre crema. Utilice el café espresso casi negro como ancla para los titulares, luego levante el diseño con un espacio negativo beige suave. Funciona en anuncios de alta gama donde el contraste y la moderación se sienten lujosos. Consejo: Mantenga solo un elemento de acento en la sombra más oscura para evitar abrumar los tonos más claros.

Ejemplo de imagen de esmalte de café espresso generado usando media.io

14) Té de leche mínimo

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

Ambiente:Suave, moderno, discreto

Ideal para:Maqueta de interfaz de usuario 2d para una aplicación de bienestar

Suave y discreto, como el té lechoso en un vaso transparente. Utilice los tonos medios blush-beige para las tarjetas y las entradas, luego reserve el cacao más profundo para los botones primarios y los estados activos. Soporta pantallas de incorporación tranquilas sin sentirse lavado. Consejo: Agregue sombras sutiles en lugar de bordes duros para mantener la interfaz suave.

Ejemplo de imagen de milk tea minimal generado usando media.io

15) Galería rústica

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

Ambiente:Curado, cálido, artístico

Ideal para:Diseño del sitio web del portafolio

Curado y artístico, como una pequeña galería con cálidas luces de pista y marcos de madera. Mantenga el fondo casi blanco para que la fotografía se destaque, luego use taupe y marrón para la navegación y los subtítulos. Estos tonos apoyan una apariencia tranquila y segura sin robar la atención del trabajo. Sugerencia: use la sombra más oscura solo para los estados de curso para mantener la sensación de luz de la página.

Ejemplo de imagen de galería rústica generada usando media.io

16) Algodón del desierto

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

Ambiente:Soleado, relajado, aireado

Ideal para:Señalización interior de la boutique

Lavado al sol y relajado, como una tela de algodón que se seca en el aire del desierto. Utilice los blancos pálidos para el espacio negativo y los bronceados cálidos para buscar el camino y señales de precio que se sientan amigables. Se combina bien con accesorios de latón, roble claro y flores secas. Consejo: Pruebe el tono medio en vinilo mate para que permanezca legible bajo luz cálida.

Ejemplo de imagen de algodón del desierto generado usando media.io

17) Piedra y Scone

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

Ambiente:Cordial, hogareño, equilibrado

Ideal para:Diseño de carteles de brunch

Abundante y hogareño, como un scone cálido en un plato de piedra. Utilice la base cremosa para el campo de póster, luego cape marrones medios para los bloques de ilustración y el cronograma. Estos tonos se sienten acogedores para eventos del barrio y menús de temporada. Consejo: Agregue un solo pequeño pop de verde silenciado si necesita una señal de jerarquía adicional.

Ejemplo de imagen de stone & scone generado usando media.io

18) Susurro de canela

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

Ambiente:Romántico, Amable, Acogedor

Ideal para:Etiquetas de velas hechas a mano

Romántico y suave, como la canela en el aire cálido al anochecer. Las cremas suaves y los bronceados rosados forman una hermosa base de etiqueta, mientras que el marrón de especias más profundo aguça el nombre de la fragancia. Una de las combinaciones de color marrón blanco más fáciles para envases pequeños porque se mantiene legible sin sentirse áspero. Consejo: use un tipo redondeado y mucho espacio para respirar para inclinarse en el estado de ánimo tranquilo.

Ejemplo de imagen de cinnamon whisper generado usando media.io

19) Museo Sepia

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

Ambiente:Histórico, reflexivo, pulido

Ideal para:Folleto de exposición

Histórico y reflexivo, como fotos de sepia en un salón de museo tranquilo. Utilice los neutros pálidos para obtener márgenes generosos y deje que los marrones más cálidos guíen los encabezados y las pestañas de sección. Se combina bien con imágenes monocromáticas y reglas finas en gris cálido. Consejo: Mantenga el contraste alto en los subtítulos pequeños elegiendo los dos tonos más oscuros para el tipo.

Ejemplo de imagen de sepia de museo generado usando media.io

20) Cacao de coco

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

Ambiente:Limpio, orgánico, moderno

Ideal para:Embalaje de jabón natural

Limpio y orgánico, como virutas de coco sobre cacao oscuro. Utilice los blancos para un aspecto fresco y orientado hacia el futuro, luego agregue marrón cacao para variantes de aroma y marcas de sello. Una paleta de colores marrón blanco bien equilibrada para marcas ecológicas porque se siente natural sin parecer barro. Consejo: Agregue un pequeño dibujo de línea botánica en el tono medio para unir todo.

Ejemplo de imagen de cacao de coco generado usando media.io

21) Niebla de Mocha de Invierno

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

Ambiente:Suave, aireado, silenciosamente cálido

Ideal para:Diseño de cabecera de correo electrónico de vacaciones

Suave y aireado, como una mañana de invierno con una taza cálida en la mano. Los blancos con inclinación fresca mantienen los diseños nítidos, mientras que los marrones mocha añaden calidez de temporada sin volverse rojos o verdes. Funciona bien para encabezados de correo electrónico, banners y bloques promocionales simples. Consejo: use el tono medio para puntos o patrones sutiles como la nieve, no para rellenos pesados.

Ejemplo de imagen de niebla de mocha de invierno generada usando media.io

22) Galletas y corteza

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

Ambiente:Confortante, terroso, audaz contraste

Ideal para:branding de restaurante rústico

Reconfortante y terroso, como galletas en una tabla de madera. Utilice la crema de galleta para fondos de señalización y el marrón de corteza para logotipos y marcas estilo sello. Estas combinaciones de color marrón blanco se ven especialmente fuertes con papel texturizado, impresión y logotipos simples de insignia. Consejo: Mantenga el color del acento en un elemento pequeño, como un punto rojo chile, para que la marca se mantenga a tierra.

Ejemplo de imagen de biscuit & bark generado usando media.io

¿Qué colores combinan bien con el blanco y marrón?

Blanco y marrón se combinan naturalmente con grises cálidos, carbón suave y verdes silenciados (salvia, oliva, eucalipto). Estas adiciones mantienen la paleta tranquila mientras agregan profundidad a los estados de la interfaz de usuario, iconos y jerarquía de tipografía.

Para una dirección un poco más premium o editorial, pruebe con acentos metálicos (oro, latón) o tintas casi negras. Si quieres un toque fresco y moderno, dusty blues puede enfriar el calor sin chocar.

Al agregar un color de acento, manténgalo pequeño y intencional-insignias, enlaces o un solo resalto-para que la base cálida y neutra aún se sienta cohesiva.

Cómo usar una paleta blanco marrón en diseños reales

Comience con el blanco/crema más claro como lienzo principal, luego asigne un marrón medio para las superficies secundarias (tarjetas, paneles, etiquetas). Utilice el marrón más oscuro con escasez para texto, iconos y CTA clave para proteger la legibilidad.

En la impresión, las paletas blanco-marrón se ven mejor cuando se inclina en materiales: papel sin recubrimiento, grano sutil, relieve o brillo spot. En digital, reemplace los bordes pesados con sombras suaves y divisores gris cálido para evitar un aspecto "barroso".

Si el contraste se siente demasiado suave, aumenta la separación con la escala (títulos más grandes), el espaciado (más espacio en blanco) y la textura (patrones solo en los tonos medios), en lugar de añadir más colores.

Crea visuales de paleta blanco marrón con IA

¿Quieres ver estos códigos HEX en maquetas reales—menús, envases, carteles, pantallas de interfaz y más? Con Media.io, puedes generar imágenes alineadas a tu marca a partir de un solo texto y hacer iteraciones rápidamente.

Describe el diseño, el estilo y la iluminación que deseas (por ejemplo: “etiqueta de cuidado de la piel minimalista, fondo crema, tipografía moka”), luego perfecciona hasta que la paleta luzca perfecta para tu proyecto.

Siguiente: Paleta de colores gris y azul claro