Combinaciones con color marrón oscuro: 20 paletas y códigos hexadecimales

El marrón oscuro es el tipo de neutro cálido que instantáneamente hace que un diseño se sienta arraigado, premium y humano. Es terroso sin verse anticuado y combina fácilmente tanto con neutros claros y nítidos como con acentos más profundos y con más carácter.

A continuación encontrarás más de 20 ideas de paletas de colores marrón oscuro seleccionadas (con códigos HEX) que puedes usar para branding, interiores, interfaces, packaging y gráficos sociales — además de prompts de IA para generar imágenes acordes en Media.io.

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

El marrón oscuro se sitúa en un punto dulce entre el marrón y el beige: lo suficientemente cálido como para sentirse acogedor, pero lo suficientemente neutro para apoyar la tipografía, la fotografía y los visuales de producto. Ese equilibrio lo convierte en un color base fiable para marcas e interfaces modernas.

También crea un “contraste suave” cuando se combina con cremas y blancos rotos, lo que significa que los diseños se mantienen legibles sin verse duros. Añade un espresso o un casi negro para estructura, y conseguirás una jerarquía pulida que funciona tanto en web como en impresión.

Por último, el marrón oscuro combina bien con verdes apagados, teal ardesia y grises polvorientos, ayudando a evitar un aspecto excesivamente sepia. Con los acentos adecuados, puede sentirse rústico, editorial, lujoso o minimalista.

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

1) Desert Lodge

HEX: #8B6A4A #C9B08E #F1E6D4 #4B3A2A #7E8A6A

Ánimo: cálido, arraigado, rústico

Ideal para: branding de alquiler de cabañas y páginas de destino

Cálida y arraigada como madera soleada, sillones de cuero y el aire polvoriento del sendero. La paleta marrón oscuro crea una base acogedora, mientras que el crema mantiene los diseños aireados y el espresso profundo añade contraste en encabezados. El verde salvia funciona como acento suave en botones, insignias o iconos. Consejo: usa el espresso con moderación para no sobrecargar la página.

Ejemplo de imagen de desert lodge generada con media.io

Media.io

Media.io es un estudio en línea de IA para crear y editar video, imagen y audio directamente en tu navegador.

Pruébalo gratis ahora

2) Lino Cacao

HEX: #7A5A3E #D6C3A5 #F7F0E6 #A9815A #2F2620

Ánimo: suave, acogedor, editorial

Ideal para: tipografía y encabezados de blogs de estilo de vida

Suave y acogedor, como cortinas de lino y polvo de cacao en una bebida tibia. Estas combinaciones de marrón oscuro lucen bellamente detrás de titulares serif y textos largos, con negro cercano para cuerpo de texto nítido. Agrega el tono caramelo para citas destacadas, divisores o detalles sutiles. Consejo: usa el lino y crema como base principal para mantener el aire editorial.

Ejemplo de imagen de lino cacao generada con media.io

3) Cañón Bronce

HEX: #946B3B #C79A62 #E9D1B0 #5B3A1F #3F5C52

Ánimo: aventurero, soleado, resistente

Ideal para: diseño de póster de equipo al aire libre

Aventurero y soleado, como las paredes del cañón a la hora dorada y botas usadas de senderismo. El bronce y caramelo aportan mucha calidez, mientras el marrón profundo crea contraste fuerte en la tipografía. Un verde teal apagado mantiene la paleta moderna y no tan sepia. Consejo: pon el fondo del póster en el tono más claro para que el titular resalte sin bordes duros.

Ejemplo de imagen de cañón bronce generada con media.io

4) Silla Antigua

HEX: #6E4E33 #B88A5C #E7D6C3 #3B2A1D #8C7A66

Ánimo: herencia, clásico, masculino

Ideal para: envases y etiquetas de productos de cuero

Herencia y clasicismo, como una silla antigua y un banco de taller bien cuidado. Marrón oscuro y tonos cuero lucen premium sobre texturas kraft, con umber profundo para logotipos y sellos. El topo apagado suaviza las transiciones para texto e iconos secundarios. Consejo: graba el logo en el marrón más profundo para un acabado de alta gama sin agregar más colores.

Ejemplo de imagen de silla antigua generada con media.io

5) Duna Minimal

HEX: #9B7A58 #D9C7AE #FAF4EA #6B5644 #B9A38A

Ánimo: limpio, moderno, calmado

Ideal para: kit de interfaz minimalista para apps financieras

Limpio y calmado, como dunas suaves y sombras blandas sobre piedra. La base marrón funciona bien para tarjetas y paneles, mientras el blanco cercano mantiene todo ligero y moderno. Usa el marrón profundo para navegación y cifras clave, y reserva el topo medio para bordes y estados deshabilitados. Consejo: deja suficiente espacio en los dashboards para evitar un look saturado.

Ejemplo de imagen de duna minimal generada con media.io

6) Arcilla Moka

HEX: #7D5E45 #B59678 #EADBCB #4A3526 #A7B0A5

Ánimo: terroso, artesanal, relajante

Ideal para: posts de Instagram para tienda de cerámica

Terroso y artesanal, como arcilla fresca en el torno y tasas esmaltadas secándose al sol. Los marrones cálidos dan tono artesanal, mientras el beige claro da espacio para nombres y precios de productos. El gris-verde fresco evita un feed monótono. Consejo: usa el moka más oscuro para tu logo y mantén la coherencia en los posts.

Ejemplo de imagen de arcilla moka generada con media.io

7) Crema de Nuez

HEX: #70513A #CDB79B #FFF7EE #3A2A20 #D9A96B

Ánimo: acogedor, sofisticado, soleado

Ideal para: diseño de menú para cafetería

Acogedor y sofisticado, como barras de nuez y espuma de leche al vapor. Crema y blanco roto mantienen el menú fácil de leer, mientras marrón profundo da peso a los encabezados de sección. Un toque color miel destaca opciones especiales sin gritar. Consejo: usa el tono miel en pequeños iconos y precios destacados, nunca en bloques grandes.

Ejemplo de imagen de crema de nuez generada con media.io

8) Estudio Sepia

HEX: #83624A #BFA58A #EDE0D3 #2A201A #6D7A7A

Ánimo: profesional, equilibrado, calmado

Ideal para: portafolio web para fotógrafos

Profesional y equilibrado, como una hoja de contactos sepia y una pared de estudio tranquila. Los neutros cálidos enmarcan imágenes sin quitar protagonismo, mientras el marrón carbón destaca la navegación. Un teal ardesia apaciguado sirve para enlaces y estados hover sutiles. Consejo: mantén fondos en el beige más claro para que las fotos sigan siendo las protagonistas.

Ejemplo de imagen de estudio sepia generada con media.io

9) Caramelo Ahumado

HEX: #8A6440 #D1A06A #F3E2CE #3C2A1C #6A6F73

Ánimo:melancólico, moderno, dramático

Ideal para:anuncio de fragancia masculina

Melancólico y moderno, como ámbar caramelizado bajo suave humo. Estas combinaciones de tonos bronceados oscuros se sienten lujosas cuando se combinan con una base casi negra para una tipografía audaz. El gris humo frío evita que el anuncio se sienta demasiado cálido y ayuda a que los elementos metálicos se vean más nítidos. Consejo: destaca el producto con un degradado beige claro para que la silueta de la botella resalte.

Ejemplo de imagen de humo de caramelo generado con media.io

10) Toffee Terracota

HEX:#8D5E3C #C07A4B #E8CBB4 #4F2E1F #B7B1A8

Ánimo:dorado por el sol, bohemio, animado

Ideal para:diseño de volante para evento de verano

Dorado por el sol y bohemio, como macetas de terracota en un patio al atardecer. Los tonos toffee y terracota aportan energía, mientras que el color arena pálido mantiene la legibilidad para fechas y ubicaciones. Usa el marrón cacao oscuro para el título principal y el gris piedra suave para los detalles secundarios. Consejo: usa bloques grandes y cálidos para las formas, luego mantén la zona de texto limpia y luminosa.

Ejemplo de imagen de toffee terracota generado con media.io

11) Arena de Spa

HEX:#8F6E54 #CBBBAA #F8F1E8 #5A4334 #9DB0A5

Ánimo:sereno, limpio, restaurador

Ideal para:sitio web y páginas de producto de cuidado de la piel

Sereno y restaurador, como piedra arenisca cálida y un albornoz silencioso de spa. Los neutros claros crean un fondo limpio para el cuidado de la piel, mientras que el cuero marrón oscuro le da estructura a los encabezados y tarjetas de productos. Un verde-gris suave aporta un toque fresco y botánico sin volver el diseño demasiado menta. Consejo: usa el verde-gris solo para pequeños indicadores de UI como interruptores y distintivos.

Ejemplo de imagen de spa arenisca generado con media.io

12) Trigo de Cosecha

HEX:#806043 #BFA074 #EEDDBF #3F2D20 #7E6B4F

Ánimo:saludable, otoñal, rústico

Ideal para:identidad de restaurante de la granja a la mesa

Saludable y otoñal, como haces de trigo, arpillera y una mesa de cosecha tardía. El marrón oscuro ancla logos y señalización, mientras que los tonos trigo y crema mantienen los materiales impresos amistosos. Mantén el verde oliva apagado para sellos, íconos o divisores de menú. Consejo: elige papeles sin recubrimiento para que estos tonos se sientan aún más cálidos en impresión.

Ejemplo de imagen de trigo cosecha generado con media.io

13) Susurro de Cedro

HEX:#7C5B42 #B89A80 #EDE2D7 #3A2B21 #8A9A86

Ánimo:tranquilo, natural, consciente

Ideal para:póster y señalización de estudio de yoga

Tranquilo y consciente, como tablas de cedro y la luz de la mañana lenta. Los tonos cálidos proporcionan una base firme para mensajes de bienestar, mientras que el marrón profundo aporta nitidez para leer a distancia. Un verde suave aporta una sutil referencia natural que combina bien con arte lineal minimalista. Consejo: mantén el póster mayormente claro y coloca el texto oscuro en una columna centrada para una jerarquía calmada.

Ejemplo de imagen de susurro de cedro generado con media.io

14) Latte de Avena

HEX:#8A6A50 #CDB79E #F6EEE5 #5B4637 #D0A36F

Ánimo:amigable, moderno, reconfortante

Ideal para:pantallas de bienvenida de app

Amigable y reconfortante, como un latte de avena con suave capa de crema. Fondos beige suaves hacen que el texto de onboarding sea accesible, mientras que el marrón oscuro mantiene botones y títulos claros. Un toque de miel añade calidez a indicadores de progreso y resaltados. Consejo: limita la miel a un solo elemento clave por pantalla para que el flujo se mantenga calmado.

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

15) Latón y Corteza

HEX:#6F5036 #A67C52 #E6D2BE #2E221A #B79B4A

Ánimo:vintage, audaz, seguro

Ideal para:diseño de etiqueta y lata de cerveza artesanal

Vintage y seguro, como accesorios de latón sobre texturas oscuras de corteza. El marrón profundo hace que la tipografía y formas de insignias se vean sólidas, mientras que el beige claro mantiene la etiqueta legible. El dorado-latón resalta premios, números de lote o ediciones especiales. Consejo: usa el dorado solo en pequeños detalles para que parezca metálico y no mostaza.

Ejemplo de imagen de latón y corteza generado con media.io

16) Mapa Vintage

HEX:#8C6B4F #BFA98C #EADBC8 #4A3426 #6E6154

Ánimo:nostálgico, académico, clásico

Ideal para:diseño de portada de libro de ficción histórica

Nostálgico y académico, como un mapa doblado con bordes entintados y papel envejecido. Los tonos pergamino crean el lienzo perfecto para la tipografía, mientras que el marrón oscuro enmarca el título y el nombre del autor. Un acento gris-marrón puede usarse en pequeños adornos, líneas y marcas de capítulos. Consejo: añade un grano sutil o textura de papel para que la paleta se sienta auténticamente impresa.

Ejemplo de imagen de mapa vintage generado con media.io

17) Gamuza de Otoño

HEX:#7B563A #B07B52 #E5CDB8 #3B271B #A36A44

Ánimo:cálido, elegante, de temporada

Ideal para:diseño de lookbook de moda

Cálido y elegante, como botas de gamuza y la luz de finales de octubre. La gama del tostado al caramelo crea un fondo cohesivo para el lookbook que realza el producto y la tipografía. El espresso define los títulos y el marrón terracota resalta precios o nombres de colecciones. Consejo: mantén la paleta mayormente neutral y usa el terracota como acento repetitivo para dar ritmo.

Ejemplo de imagen de gamuza de otoño generado con media.io

18) Neutro Trail Mix

HEX:#82614A #A88A6F #D7C5B1 #2F231B #6A7B6B

Ánimo:práctico, aventurero, equilibrado

Ideal para:infografía lista de camping

Práctico y aventurero, como una bolsa de trail mix y una mochila de lona gastada. Los tonos tostados medios hacen que la infografía sea amigable, mientras que el marrón oscuro asegura buen contraste para etiquetas e íconos. El verde apagado apoya categorías y llamadas sin competir con el texto principal. Consejo: usa el beige claro para el fondo y reserva el tono más oscuro solo para encabezados.

Ejemplo de imagen de trail mix neutro generado con media.io

19) Arcilla y Eucalipto

HEX:#8E6A4E #C4AB92 #F2E7DB #4B3527 #7E9A8D

Ánimo:fresco, terroso, aireado

Ideal para:empaque botánico para jabón

Fresco y terroso, como macetas de arcilla junto a hojas de eucalipto. Los neutros cálidos hacen que el empaque se sienta suave y artesanal, mientras que el verde frío añade una nota botánica limpia. El marrón profundo fundamenta el texto de la etiqueta y lo mantiene legible sobre fondos claros. Consejo: combina el verde con ilustraciones lineales sencillas para lucir moderno, no rústico.

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

20) Sepia Museo

HEX:#7A5C44 #B89E86 #E9DDD2 #271D17 #9D8E80

Ánimo:refinado, silencioso, culto

Ideal para:invitación a exposición de museo

Refinado y culto, como fotografías sepia en una galería tranquila. El tono papel pálido es ideal para invitaciones, mientras que el negro-espresso transmite detalles del evento con gran claridad. Los tostados medios aportan calidez a bordes y detalles tipográficos sin parecer anticuados. Consejo: mantén la ornamentación mínima y deja que el espacio en blanco aporte el lujo.

Ejemplo de imagen de sepia museo generado con media.io

21) Cuero Dorado

HEX:#855E3B #B98552 #EFD7BF #3B2618 #D0B06B

Ánimo:premium, cálido, seguro

Ideal para:sistema de identidad de marca de lujo

Premium y seguro, como cuero dorado bajo vitrinas iluminadas. El núcleo tostado y caramelo crea una base elegante para papelería, mientras que el marrón profundo da autoridad instantánea a los logotipos. Un dorado apagado une todo para sellos, acentos en foil y detalles. Consejo: para digital, simula foil con degradados sutiles y usa el dorado en menos del 10 por ciento del diseño.

Ejemplo de imagen de cuero dorado generado con media.io

22) Bronceado Mercado Nocturno

HEX:#7F5A3A #A97B4F #E3CDB8 #1F1712 #5A6B66

Ánimo:urbano, cálido, algo atrevido

Ideal para:carrusel de anuncios de restaurante en redes sociales

Urbano y cálido, como luces de la calle reflejadas en mesas de madera en un mercado nocturno. El casi negro permite contraste dramático para ofertas llamativas, mientras que el tostado y el beige mantienen las fotos de comida apetecibles. Un verde-gris apagado apoya íconos y elementos CTA sin volverse demasiado colorido. Consejo: usa el tono más oscuro como tira constante en las diapositivas para reconocimiento rápido.

Ejemplo de imagen de bronceado mercado nocturno generado con media.io

23) Archivo Canela

HEX:#8A6446 #B28A66 #EAD7C8 #3A281E #7A6B60

Ánimo:nostálgico, cálido, ordenado

Ideal para:plantilla de panel de control estilo Notion

Nostálgico y ordenado, como carpetas de canela y archivos etiquetados cuidadosamente. Esta paleta de colores marrón oscuro facilita largas sesiones con fondos de bajo brillo y texto de alto contraste. Usa el marrón medio para etiquetas y encabezados de sección, y reserva el gris-marrón para divisores y bordes sutiles de la interfaz. Consejo: usa solo dos grosores de fuente para que los neutros cálidos no parezcan saturados.

Ejemplo de imagen de archivo de canela generado usando media.io

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

El marrón oscuro combina mejor con neutros claros como crema, blanco roto y beige cálido porque mantienen el aspecto general aireado y a la vez preservan esa calidez acogedora. Esta es una combinación ideal para diseños editoriales, páginas de productos e interiores.

Para un contraste moderno, añade marrón espresso, carbón o negro casi total en pequeñas dosis: navegación, encabezados, etiquetas clave y contornos. Esto mejora la legibilidad sin hacer que la paleta se sienta fría.

Si quieres color, los verdes apagados (salvia, eucalipto), verde azulado pizarra y gris humo son especialmente compatibles. Mantienen el esquema equilibrado y contemporáneo, en vez de ser demasiado naranja o sepia.

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

Comienza con un sistema claro de roles: usa el tono más claro para el fondo, marrones medios para superficies (tarjetas, secciones) y el marrón más oscuro para texto y estructura. Esto mantiene el contraste predecible y evita “pantallas turbias” cuando el contenido es denso.

En branding y packaging, el marrón oscuro luce premium cuando se combina con tipografía minimalista y mucho espacio en blanco. Si usas acentos dorados o miel, manténlos pequeños para que se sientan como resaltes y no como bloques principales de color.

Para creativos sociales y de marketing, ancla cada diseño con un elemento oscuro consistente (una barra de titular o tira de pie de página), luego deja que el marrón y la crema hagan el trabajo pesado. El resultado es cohesivo incluso en múltiples publicaciones.

Crea visuales de paleta marrón oscuro con IA

Si ya tienes códigos HEX pero necesitas los visuales adecuados, la IA puede ayudarte a generar maquetas de marca, pantallas UI, flyers y conceptos de packaging rápidamente. Los prompts de arriba están diseñados para mantener la paleta dominante y a la vez producir composiciones limpias y útiles.

En Media.io, puedes pegar un prompt, definir tu relación de aspecto y guiar el resultado con tu marrón principal, neutros claros y un acento (como salvia o pizarra). Normalmente eso basta para obtener resultados consistentes en toda la serie de diseños.

Una vez que te guste una dirección, itera cambiando solo un elemento a la vez (tono de fondo, color de acento o tipo de diseño) para construir una serie coherente.

Siguiente: Paleta de colores amarillo, verde azulado y azul