El marrón tan es un neutro cálido que aporta comodidad instantánea, estructura y realismo “natural” a un diseño. Se encuentra entre el beige y el marrón, lo que facilita su combinación con cremas claras o se puede reforzar con tonos espresso más profundos.

A continuación hay 20 ideas seleccionadas de paletas de color marrón tan con códigos HEX para interiores, branding, impresos y UI—además de consejos prácticos y prompts de IA que puedes reutilizar para generar visuales combinados.

En este artículo
  1. Por qué las paletas marrón tan funcionan tan bien
    1. neutros arcilla del desierto
    2. mezcla de latte y nuez
    3. atardecer en el cañón
    4. lino y cuero
    5. brillo cobre mocha
    6. minimalismo arenisca
    7. calidez de cabaña rústica
    8. acento de salvia y caramelo
    9. tierra y crema
    10. almendra tostada ui
    11. chocolate y rubor
    12. editorial sepia
    13. contraste denim bronce
    14. empaque leche de avena
    15. estudio de cerámica de arcilla
    16. cartel de mercado de otoño
    17. lavado botánico de dunas
    18. estampilla de marca patrimonial
    19. menú de café acogedor
    20. espresso al anochecer
  2. ¿Qué colores combinan bien con marrón tan?
  3. Cómo usar una paleta de marrón tan en diseños reales
  4. Crea visuales de paleta marrón tan con IA

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

Las paletas marrón tan se sienten arraigadas porque están estrechamente relacionadas con materiales familiares: madera, cuero, arcilla, arena y papel. Esa asociación material hace que los diseños se vean creíbles y “vividos”, incluso cuando los diseños son minimalistas.

Además, funcionan bien en varios casos de uso: los tan claros pueden actuar como un blanco suave para fondos, mientras que los marrones profundos aportan contraste para tipografía, botones o elementos focales sin la dureza del negro puro.

Por último, el marrón tan combina bien con colores de acento (salvia, azul marino, cobre, rubor) porque es neutro pero aún cálido. Ese calor ayuda a que los acentos se sientan intencionados en lugar de demasiado saturados o desconectados.

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

1) Neutros Arcilla del Desierto

desert clay neutrals color palette with hex codes

HEX: #D2B48C #C19A6B #A67C52 #F3E6D0 #6B4E3D

Ambiente: soleado y tranquilo

Ideal para: estilo interior de sala de estar

Soleado y tranquilo, estos tonos evocan muros de arcilla, lino suave y la luz de la tarde. Úsalos para sofás, alfombras y muebles integrados donde quieras calidez sin pesadez. Combina con texturas blanco roto, herrajes negro mate y algunas plantas de olivo para contraste. Consejo: mantén el marrón más oscuro entre el 10 y 15 por ciento para evitar espacios apagados.

Ejemplo de imagen de neutros arcilla del desierto generado con media.io

sunlit clay living room
Prompt: interior realista de sala de estar iluminada por el sol, paredes tono arcilla, sofá de lino, acentos de madera cálidos, decoración minimalista, sombras naturales, alto detalle, sin personas --ar 16:9
Media.io
Media.io es un estudio de IA online para crear y editar video, imagen y audio en tu navegador.
media.io media.io

2) Mezcla de Latte y Nuez

walnut latte blend color palette with hex codes

HEX: #C8A27A #B07A57 #8B5A3C #EFE1CF #3E2A22

Ambiente: acogedor y aromático

Ideal para: branding de cafetería

Acogedor y aromático, la mezcla recuerda a la crema de espresso mezclándose en leche tibia. Funciona excelentemente para logos, tarjetas de fidelidad y empaques donde se busca un toque artesanal accesible. Combina con papel cremoso y un negro profundo para la tipografía. Consejo: usa el tan medio como fondo para que el texto oscuro sea nítido.

Ejemplo de imagen de mezcla de latte y nuez generado con media.io

coffee brand board
Prompt: tablero de branding en fondo plano, logo de cafetería, layout de tarjetas y etiquetas, formas vectoriales limpias, paleta neutra cálida, sin manos --ar 4:3

3) Atardecer en el Cañón

canyon sunset color palette with hex codes

HEX: #D4A373 #B5654D #8D3F2F #F6E7D8 #3B4A3F

Ambiente: aventurero y cinematográfico

Ideal para: diseño de póster de viaje

Aventurero y cinematográfico, evoca acantilados, senderos polvorientos y horizonte verde al atardecer. Estas combinaciones brillan en titulares audaces y bloques de color donde el contraste importa. Combina con verde bosque apagado y mucho espacio negativo para mantener el diseño moderno. Consejo: reserva el marrón rojizo más profundo para elementos clave como fechas o ubicaciones.

Ejemplo de imagen de atardecer en el cañón generado con media.io

canyon travel poster
Prompt: póster gráfico de viaje en fondo plano, tipografía audaz, formas abstractas de cañón, paleta limitada, layout limpio y plano, sin fotos con textura --ar 3:4

4) Lino y Cuero

linen and leather color palette with hex codes

HEX: #E7D3B3 #C2A07A #A07A55 #FFF7ED #5B4636

Ambiente: elegante y discreto

Ideal para: suite de invitación de boda

Elegante y discreto, estos tonos evocan papelería prensada, votos encuadernados en cuero y luz de velas suave. Son ideales para invitaciones, monogramas y arte lineal minimalista. Combina con papel marfil cálido, detalles en oro y una tipografía serif delicada. Consejo: mantén los colores de tinta en marrones oscuros para que el texto fino sea legible.

Ejemplo de imagen de lino y cuero generado con media.io

linen wedding invite
Prompt: diseño gráfico de suite de invitación de boda en fondo plano, carta de invitación, RSVP, forro de sobre, tipografía minimalista, layout elegante, sin manos, sin objetos decorativos --ar 3:2

5) Brillo Cobre Mocha

mocha copper glow color palette with hex codes

HEX: #C9A27E #9C6B4A #6F4A36 #D88C6A #F2E3D3

Ambiente: cálido y luminoso

Ideal para: publicidad de producto de velas

Cálido y luminoso, sugiere reflejos cobrizos sobre superficie mocha. Úsalo en anuncios de producto que buscan lujo sutil sin parecer demasiado formal. Combina con fondos cremosos y un acento cobre para un acabado de estudio limpio. Consejo: permite que el cobre melocotón sea la única nota brillante para mantener la cohesión.

Ejemplo de imagen de brillo cobre mocha generado con media.io

copper candle studio
Prompt: toma realista de estudio de un frasco de vela minimalista con tapa cobre, fondo crema limpio, sombras suaves, iluminación premium, sin objetos --ar 1:1

6) Minimalismo Arenisca

sandstone minimal color palette with hex codes

HEX: #DCC4A3 #C8AD8B #B08A66 #F7F2EA #4A3A2A

Ambiente: limpio y aireado

Ideal para: sección hero de sitio web

Limpio y aireado, estos tonos evocan piedra suave y paredes de galería iluminadas. Funcionan bien para secciones hero, páginas de servicio y cualquier diseño donde se busca calma y enfoque. Combina con texto color carbón y iconos de línea sutiles. Consejo: usa el tono más claro para fondos y reserva el más oscuro para botones y enlaces.

Ejemplo de imagen de minimalismo arenisca generado con media.io

minimal portfolio hero
Prompt: maqueta de sección hero de sitio web ui 2d, cuadrícula minimalista, fondo neutro cálido, tipografía simple, botones y tarjetas, sin marcos de dispositivo, lienzo plano --ar 21:9

7) Calidez de Cabaña Rústica

rustic cabin warmth color palette with hex codes

HEX: #C6A17B #A87C52 #7A5337 #E9D7C2 #2F251E

Ambiente: rústico y arraigado

Ideal para: moodboard de interior de cabaña

Rústico y arraigado, recuerda vigas envejecidas, mantas de lana y estufa crepitante. Úsalo en moodboards para cabañas, refugios o espacios naturales y táctiles. Combina con patrones tartán, madera sin tratar y luz cálida para amplificar el efecto acogedor. Consejo: balancea el tono más oscuro con textiles claros para evitar sensación de pesadez.

Ejemplo de imagen de calidez de cabaña rústica generado con media.io

cabin moodboard textures
Prompt: layout realista de moodboard de diseño interior, texturas de madera, muestras de lana, chips de pintura neutra cálida, estilo de cabaña acogedora, composición flat lay --ar 4:3

8) Acento de Salvia y Caramelo

caramel sage accent color palette with hex codes

HEX: #D1A779 #B8875A #8A5E3B #A3B18A #F4E9D8

Ambiente: fresco y acogedor

Ideal para: acentos de renovación de cocina

Fresco y acogedor, aporta calidez de caramelo con un suave toque de salvia de jardín. Estos tonos son ideales para cocinas, desayunadores y estanterías abiertas con look vivido. Combina con azulejo blanco, bronce cepillado y hierbas verdes para mantenerlo luminoso. Consejo: usa la salvia para pequeños acentos como taburetes o textiles en vez de gabinetes grandes.

Ejemplo de imagen de acento de salvia y caramelo generado con media.io

sage accent kitchen
Prompt: interior de cocina realista, acentos de gabinetes marrón cálido, taburetes verdes salvia, fondo de azulejo blanco, herrajes de bronce, luz natural diurna, sin personas --ar 16:9

9) Tierra y Crema

terra and cream color palette with hex codes

HEX: #D8B08C #C18F70 #9B6A52 #FFF1E0 #6A4C3B

Ambiente: suave y soleado

Ideal para: fondos de lookbook

Suave y soleado, recuerda polvo de terracota sobre crema batida. Ideales para lookbooks de moda, slides de estilo de vida y rejillas de producto que requieren calidez delicada. Combina con márgenes blancos y tipografía minimalista negra para un estilo editorial limpio. Consejo: mantén las fotos ligeramente desaturadas para que los tonos de fondo sigan controlados.

Ejemplo de imagen de terra y crema generado usando media.io

neutral lookbook layout
Prompt: diseño limpio de página de lookbook sobre fondo simple, cuadrícula de marcadores de imagen, tipografía minimalista, bloques cálidos y neutros, estilo editorial moderno, sin fotos de personas --ar 3:4

10) Toasted Almond UI

toasted almond ui color palette with hex codes

HEX: #D5B392 #B9926D #8C6343 #F9F4EC #2E3A3F

Ambiente: tranquilo y confiable

Ideal para: interfaz de panel fintech

Tranquilo y confiable, se siente como almendra tostada combinada con tinta pizarra fría. El esquema de color marrón tostado funciona bien para paneles que necesitan calidez y profesionalismo. Combina con azul gris para gráficos y deja espacios generosos para claridad. Consejo: usa el tono más oscuro para la navegación y el más claro para las superficies de tarjetas para mantener la jerarquía.

Ejemplo de imagen de UI de almendra tostada generado usando media.io

fintech dashboard mockup
Prompt: maqueta de panel fintech 2d ui, barra lateral de navegación, tarjetas, gráficos, fondo cálido neutro, tipografía limpia, sin marco de dispositivo, lienzo simple --ar 16:9

11) Chocolate y Blush

chocolate and blush color palette with hex codes

HEX: #C7A084 #9E6A54 #6B3F35 #F2D7D5 #FFF5EE

Ambiente: romántico y moderno

Ideal para: visuales de empaques de belleza

Romántico y moderno, mezcla cacao intenso con un suave realce rosado. Úsalo para cosméticos, cuidado de la piel o etiquetas boutique donde se busca calidez con una nota femenina delicada. Combina con tipografía minimalista y acabados brillantes para mantenerlo contemporáneo. Consejo: deja que el blush aparezca solo en elementos secundarios para que los marrones mantengan el protagonismo.

Ejemplo de imagen de chocolate y blush generado usando media.io

blush skincare packaging
Prompt: toma realista de estudio de empaques minimalistas para cuidado de la piel, etiquetas marrón cálido y blush, fondo limpio y claro, sombras suaves y difusas, aspecto premium --ar 1:1

12) Sepia Editorial

sepia editorial color palette with hex codes

HEX: #D0B08A #B08A63 #8A6346 #F5EADF #1F1B18

Ambiente: clásico y literario

Ideal para: diseño editorial de revista

Clásico y literario, la gama sepia evoca fotos de archivo y papel de periódico cremoso. Es perfecto para artículos extensos, distribuciones de revistas y estudios de portafolio. Combina con texto negro nítido y reglas sutiles para mantener la legibilidad. Consejo: mantén los fondos ligeramente cálidos en lugar de blanco puro para reducir el resplandor y sumar suavidad.

Ejemplo de imagen de sepia editorial generado usando media.io

sepia magazine spread
Prompt: diseño editorial de revista impresa sobre fondo simple, columnas de titular y texto, tono cálido de papel, acentos gráficos mínimos, cuadrícula limpia, sin fotos de personas --ar 3:2

13) Contraste Bronze y Denim

bronze denim contrast color palette with hex codes

HEX: #D2B48C #B08A66 #8B5A3C #2E4A62 #F2E6D8

Ambiente: audaz y seguro

Ideal para: gráficos campaña streetwear

Audaz y seguro, combina calidez bronceada con un toque azul denim. Estas combinaciones de marrón tostado son ideales para gráficos streetwear, páginas de destino y banners de campaña que necesitan carácter. Usa tipografía condensada y degradados ásperos con moderación para mantener la paleta limpia. Consejo: utiliza el azul solo para elementos destacados como botones o títulos resaltados.

Ejemplo de imagen de contraste bronze y denim generado usando media.io

streetwear banner graphic
Prompt: banner de diseño gráfico de campaña sobre fondo simple, tipografía audaz, bloques geométricos, acentos marrón cálido y azul denim profundo, estilo streetwear moderno, sin fotografías --ar 21:9

14) Empaque Leche de Avena

oat milk packaging color palette with hex codes

HEX: #E1C9A6 #CBAA82 #A67C52 #FFFFFF #4B3A2B

Ambiente: limpio y saludable

Ideal para: empaque de cartón de bebida

Limpio y saludable, evoca avena, fibra de papel y una mañana luminosa en la cocina. Úsalo para empaques de cartón, paneles de nutrición y fotografías de producto listas para estante. Combina con blanco puro y marrón cacao profundo para etiquetado claro. Consejo: reserva el tono marrón medio para paneles grandes y el más oscuro para el texto para lograr contraste.

Ejemplo de imagen de empaque de leche de avena generado usando media.io

oat milk carton
Prompt: toma de estudio realista de empaque de cartón de leche de avena, fondo blanco, sombra suave, etiqueta frontal, utilería mínima, fotografía de producto premium --ar 2:3

15) Estudio de Cerámica

clay pottery studio color palette with hex codes

HEX: #D6B08A #B27A57 #8A5A44 #EADFD2 #6A6F4E

Ambiente: artesanal y orgánico

Ideal para: fotografía de productos cerámicos

Artesanal y orgánico, evoca arcilla húmeda, calor de horno y verdes tranquilos de estudio. Es ideal para marcas de cerámica, catálogos artesanales y páginas de productos táctiles y reales. Combina con texturas de papel rugoso y acentos oliva suaves para enfatizar el carácter manual. Consejo: usa el taupe claro como fondo para que las formas y sombras se distingan claramente.

Ejemplo de imagen de estudio de cerámica generado usando media.io

ceramic vases studio
Prompt: toma realista de estudio de floreros cerámicos artesanales, tonos cálidos de arcilla, fondo neutral limpio, luz lateral suave, tela de acento oliva sutil, sin personas --ar 4:3

16) Cartel Mercado de Otoño

autumn market poster color palette with hex codes

HEX: #D8A870 #B26B44 #7C3E2E #F7E3C8 #2C2C2C

Ambiente: festivo y terrenal

Ideal para: volante de evento de mercado granjero

Festivo y terrenal, evoca hojas secas, canela y papel cálido. Úsalo para flyers estacionales, carteles y publicaciones sociales donde buscas energía otoñal inmediata. Combina con tipografía negra audaz e íconos simples como calabazas o trigo para legibilidad rápida. Consejo: mantén el fondo claro y coloca los marrones oscuros solo tras los detalles más importantes.

Ejemplo de imagen de cartel de mercado de otoño generado usando media.io

autumn market flyer
Prompt: diseño gráfico de flyer de evento sobre fondo simple, titular de mercado granjero, texto de fecha y ubicación, íconos ilustrados simples, paleta cálida y terrenal, diseño limpio, sin fotos --ar 3:4

17) Lavado Botánico Duna

dune botanical wash color palette with hex codes

HEX: #D9C2A3 #C3A17A #A67C52 #7A8F6A #F6F0E7

Ambiente: suave y natural

Ideal para: set de ilustración botánica

Suave y natural, sugiere dunas bajo cielo pálido con un brote verde apagado. Es ideal para impresiones botánicas, stickers de journaling y gráficos sociales tranquilos. Combina con texturas de acuarela y líneas ligeras para una paleta aireada. Consejo: deja que el verde aparezca en pequeños acentos de hojas para que los tonos arena sean dominantes.

Ejemplo de imagen de lavado botánico duna generado usando media.io

watercolor botanical set
Prompt: set de ilustración botánica en acuarela, hojas simples y flores silvestres, cálidos neutros arenosos con acentos verdes apagados, textura de papel blanco, pinceladas delicadas --ar 4:3

18) Sello de Marca Heritage

heritage brand stamp color palette with hex codes

HEX: #CDA67F #B0835D #8A5E3B #F1E3D1 #2D231D

Ambiente: tradicional y auténtico

Ideal para: logo y sistema de papelería

Tradicional y auténtico, recuerda papel kraft sellado y artículos de cuero usados. Usa esta paleta marrón tostado para logotipos, monogramas y papelería donde la artesanía es el mensaje. Combina con una sola familia serif, mucho espacio y textura sutil para evitar un aspecto anticuado. Consejo: reserva el tono más oscuro para el sello y los tonos claros para fondos y sobres.

Ejemplo de imagen de sello de marca heritage generado usando media.io

heritage stationery set
Prompt: sistema de branding gráfico sobre fondo simple, marca de logo, anverso y reverso de tarjeta de presentación, membrete, mockup de sello simple, diseño vectorial limpio, sin manos --ar 4:3

19) Menú Café Acogedor

cozy cafe menu color palette with hex codes

HEX: #D4B18A #B58763 #8B5A3C #EEDBC7 #4E5A4A

Ambiente: amistoso y rústico

Ideal para: diseño de menú café impreso

Amistoso y rústico, evoca espuma de leche al vapor, pasteles tostados y un toque de hierbas. Funciona para menús, señalizaciones de mesa y gráficos estilo pizarrón que aún necesitan lucir pulidos. Combina con acento verde apagado y divisores simples para organizar las secciones. Consejo: utiliza el tono crema como fondo principal del menú para mantener precios legibles.

Ejemplo de imagen de menú café acogedor generado usando media.io

cozy cafe menu
Prompt: diseño de menú gráfico sobre fondo simple, menú de café con secciones y precios, paleta cálida y neutral con acento verde apagado, tipografía limpia, sin manos, sin mesa --ar 3:4

20) Espresso Noche

nightfall espresso color palette with hex codes

HEX: #CBB08E #A97A5C #6B4636 #2B2A28 #F3E6D8

Ambiente: sofisticado e intenso

Ideal para: anuncio de producto reloj de lujo

Sofisticado e intenso, aporta profundidad espresso con un suave realce crema. Es ideal para anuncios de productos de lujo donde se busca dramatismo sin contraste abrupto. Combina con fondos casi negros, reflejos sutiles y texto mínimo para mantenerlo premium. Consejo: agrega la crema clara como luz de ribete o área de etiqueta pequeña para que los detalles resalten.

Ejemplo de imagen de espresso noche generado usando media.io

espresso watch ad
Prompt: toma de estudio realista de reloj de pulsera de lujo, fondo oscuro espresso, acentos cálidos tan, iluminación suave de borde, composición mínima y limpia, sin personas --ar 16:9

¿Qué colores combinan bien con marrón tan?

El marrón tostado combina fácilmente con neutros suaves como marfil, crema y blanco cálido—esto mantiene el aspecto general brillante mientras preserva la calidez natural de la paleta. Para un toque moderno, agrega carbón o casi negro en lugar de negro puro.

Verdes apagados (salvia, oliva, bosque) son la mejor combinación porque evocan naturaleza y un contraste calmado. Si necesitas un acento más frío y nítido, prueba azul marino o azul denim para lograr que el tan parezca más intencionado y gráfico.

Para un toque premium, utiliza tonos metálicos y minerales: cobre y bronce amplifican la calidez, mientras pizarra o azul gris añaden un contrapunto profesional y equilibrado para UI y branding.

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

Empieza eligiendo un "tan base" para las superficies más grandes (fondos, paredes, bloques protagonistas), luego añade crema más clara para respirar y marrón más profundo para estructuras (texto, bordes, CTAs). Así evitas que el tan se perciba plano o polvoriento.

En interiores, deja que la textura haga el trabajo—lino, veta de madera y cerámica mate evitan que el marrón tan se lea como beige simple. En branding y impresión, texturas sutiles de papel o stocks cálidos no blancos pueden hacer que la paleta se sienta trabajada e intencionada.

Para UI, prioriza accesibilidad: usa el marrón más oscuro o un casi negro frío para textos, y reserva tonos tan medios para tarjetas y paneles. Deja los acentos (verde, azul marino, cobre) para unas pocas acciones clave para mantener claridad.

Crea visuales de paleta marrón tan con IA

Si ya tienes códigos HEX, puedes crear mockups alineados rápido describiendo la escena (interior, empaque, UI) y el ambiente (acogedor, minimalista, premium). Iluminación consistente y composición simple ayudan a que los neutros cálidos luzcan limpios—no turbios.

Reutiliza los prompts anteriores, luego itera cambiando solo un detalle (material, tono de fondo, color de acento) para explorar variaciones manteniendo la misma base de marrón tan.

Con la herramienta de texto a imagen de Media.io, puedes generar visuales combinados para anuncios, secciones protagonistas, moodboards y conceptos de producto en minutos—no se requiere preparación avanzada de diseño.

Preguntas frecuentes sobre la paleta Tan Brown

  • ¿Cuál es el código HEX para un marrón tan clásico?
    Una referencia "tan clásico" ampliamente usada es #D2B48C (a menudo llamado Tan). Es un neutro cálido equilibrado que funciona bien como color base en paletas.
  • ¿El marrón tan sirve para diseño UI moderno?
    Sí—usa tan muy claros para fondos (#F7F2EA, #F9F4EC), marrones profundos o casi negros para texto, y deja un acento frío (pizarra, azul marino, azul gris) para estados de enfoque y gráficos.
  • ¿Qué color acento combina mejor con marrón tan?
    Verdes apagados (salvia/oliva) son la combinación más natural, mientras azul marino/denim crean contraste contemporáneo más nítido. Acentos de cobre añaden brillo cálido y premium.
  • ¿Cómo evito que el marrón tan luzca turbio?
    Aumenta el contraste de valores: combina tan con luces limpias (crema/marfil) y un ancla claramente más oscura (espresso/carbón). Limita el tono más oscuro a áreas pequeñas y evita usar demasiados medios marrones a la vez.
  • ¿Es bueno el marrón tan para branding?
    El marrón tan es ideal para marcas que quieren transmitir "artesanía", "tradición", "orgánico" o "saludable"—especialmente café, cuidado de la piel, productos de estilo de vida, empaque de alimentos y servicios boutique.
  • ¿Qué colores tipográficos son legibles sobre fondos tan?
    Utiliza marrón cacao intenso, carbón o casi negro para el texto principal, y verifica el contraste para la accesibilidad. Para los encabezados, también puedes usar un marrón cálido más oscuro para mantener la coherencia sin perder legibilidad.
  • ¿Puedo usar marrón tostado con colores brillantes?
    Puedes hacerlo, pero limita los colores brillantes solo a pequeños detalles (botones, etiquetas, iconos). El marrón tostado se ve mejor cuando la paleta se mantiene sobria y se basa en la textura y el contraste en lugar de varios tonos saturados.

Siguiente: Paleta de colores azul marino verdoso

Julian Moore
Julian Moore May 20, 26
Compartir artículo:

generador de video ia
ai portrait generator
ai photo enhancer
1 click to scale midjourney images up to 8X online

media.io

Generador de videos

Crea videos fácilmente a partir de texto o imágenes

Generar ahora