Paletas de color marrón claro: 20 combinaciones con códigos hexadecimales

El color tostado es un neutro cálido que instantáneamente hace que los diseños se sientan más acogedores, accesibles y atemporales. Es lo suficientemente versátil para interfaces modernas, interiores acogedores y marcas premium, sin dar la sensación de frialdad o esterilidad.

A continuación encontrarás 20 ideas de paletas de colores tostado con códigos HEX, además de consejos prácticos de combinación y prompts de IA que puedes usar para generar imágenes a juego en segundos.

Por qué funcionan tan bien las paletas tostadas

El color tostado está en el punto justo entre el beige y el marrón, por lo que aporta calidez sin la pesadez de los tonos tierra oscuros. Eso lo convierte en una base fiable para composiciones que necesitan ser acogedoras, calmadas y “humanas”.

Como el tostado es naturalmente de baja saturación, combina bien tanto con acentos fríos como cálidos: azul marino, verde azulado, salvia, terracota, rubor e incluso casi negros. Puedes cambiar la misma base tostada de aireada y minimalista a rica y premium simplemente alterando los colores de contraste y acento.

El tostado también es tolerante en distintos materiales y condiciones de luz, por eso se usa mucho en interiores y fotografía de producto. En diseño digital, esto se traduce en fondos y superficies que resultan suaves a la vista y más fáciles de leer para contenido extenso.

20+ Ideas de paletas de color tostado (con códigos HEX)

1) Lino del Desierto

HEX: #D2B48C #F3E8D6 #C6A175 #8B6B4A #FFFFFF

Estilo: calmado, aireado, bañado de sol

Ideal para: interiores escandinavos, branding de bienestar, páginas de destino

Calmados y soleados, estos tonos recuerdan cortinas de lino flotando en una cálida brisa desértica. Usa el blanco cremosa para fondos amplios y deja que el marrón profundo resalte los encabezados o detalles en muebles. Funciona perfectamente con texturas naturales como roble, ratán y cerámica mate. Consejo: mantén el contraste accesible combinando el marrón más oscuro con el crema más claro en áreas clave de texto.

Ejemplo generado de lino del desierto usando media.io

Media.io

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

Pruébalo gratis ahora

2) Estudio Arenisca

HEX: #C8A57A #EFE3D2 #B68C5A #2F3A3F #7DA1A8

Estilo: moderno, enfocado, limpio como galería

Ideal para: interfaz web minimalista, portafolios, páginas de producto

Moderna y limpia, esta combinación evoca muros de arenisca con esquinas frescas y sombreadas. Como paleta tostada, destaca al dejar que los tonos neutros dominen el diseño y el color pizarra se ocupe de la tipografía. El verde azulado apagado es un toque elegante para enlaces, interruptores y distintivos sin llamar la atención. Consejo: limita el uso del verde azulado a un solo estado interactivo por componente para mantener una interfaz tranquila.

Ejemplo generado de estudio arenisca usando media.io

3) Deriva de Cacao

HEX: #C2A07A #E7D5BF #9A6B43 #3B2A22 #C65A2E

Estilo: acogedor, tostado, boutique

Ideal para: empaques de café, productos artesanales, sobreimpresos para fotografía de alimentos

Acogedora y tostada, esta paleta recuerda nibs de cacao, azúcar caramelizada y un toque de brasa. Usa el espresso oscuro como base premium para etiquetas, luego añade tostado cálido y crema para mejor lectura. El naranja quemado funciona mejor como pequeño acento para notas de sabor, sellos o llamados de atención. Consejo: suma texturas sutiles como papel kraft para que los marrones se vean más ricos, no planos.

Ejemplo generado de deriva de cacao usando media.io

4) Adobe Soleado

HEX: #D8B58C #F7F0E6 #B88E65 #A56B4B #4A3A34

Estilo: terroso, artesanal, cálido

Ideal para: invitaciones de boda, marcas artesanales, papelería

Terrosa y artesanal, esta paleta evoca muros de adobe, macetas de barro y luz dorada del atardecer. Mantén el crema tipo papel como fondo, y superpone tonos tostados y arcillosos en bordes, monogramas y divisores. El marrón oscuro mejora la legibilidad de nombres y fechas sin ser agresivo. Consejo: elige papel sin recubrimiento o añade una textura de motas para lograr una vibra orgánica.

Ejemplo generado de adobe soleado usando media.io

5) Minimal Avena

HEX: #CCAA80 #F2E9DD #A78662 #6D5A4C #BFC6C9

Estilo: suave, minimalista, discreto

Ideal para: composiciones editoriales, blogs, sistemas de marca serenos

Suaves y discretos, estos tonos evocan espuma de leche de avena sobre espresso caliente. Deja que el neutro claro aporte legibilidad en textos extensos, y usa topo y marrón para títulos y citas. El gris frío aporta un matiz moderno en reglas, leyendas y detalles de interfaz en los artículos. Consejo: usa el tono más claro para el texto principal y reserva el marrón más oscuro solo para los niveles jerárquicos más importantes.

Ejemplo generado de minimal avena usando media.io

6) Camello y Salvia

HEX: #C9A77A #EAE4D2 #8DAA8B #4D6B57 #2E3B34

Estilo: fresco, natural, equilibrado

Ideal para: branding botánico, etiquetas de boticario, productos ecológicos

Fresca y equilibrada, esta combinación recuerda lana de camello junto a hojas de salvia trituradas. Usa el neutro claro para fondos ligeros y deja que los verdes cuenten la historia en íconos, sellos y resaltes de ingredientes. El verde casi negro es ideal para tipografía cuando quieres un contraste más suave que el negro puro. Consejo: en empaque, imprime los tonos salvia con acabado mate para reforzar el aire natural.

Ejemplo generado de camello y salvia usando media.io

7) Tostado y Azul Marino Clásico

HEX: #C5A07A #F2E6D8 #1E2A3A #B06A3B #D9C6B0

Estilo: clásico, seguro, sofisticado

Ideal para: branding de moda masculina, logotipos de herencia, comercio premium

Clásicos y sofisticados, estos colores evocan un blazer azul marino, gamuza tostada y un clip de corbata cobre. Una combinación como esta funciona mejor cuando el azul marino se encarga del texto y navegación, y el neutro claro mantiene la página aireada. Usa el cobre-marrón cálido solo en llamados a la acción, precios o detalles de costura. Consejo: combina con titulares serif y mucho espacio para que el contraste se sienta intencionado, no abarrotado.

Ejemplo generado de tostado y azul marino clásico usando media.io

8) Brillo Terracota

HEX: #D0B08A #F6E2C8 #C6654A #8D4A3B #2D2A28

Estilo: cálido, vibrante, atardecer

Ideal para: interiores boho, branding de eventos, publicaciones sociales

Cálida y viva, esta mezcla evoca azulejos terracota iluminados por el sol del atardecer. Usa el tono melocotón tostado de fondo y el terracota en detalles enérgicos como botones, íconos o bloques destacados. El marrón-negruzco cierra la paleta para textos y crea contraste intenso cuando hace falta. Consejo: en interiores, acompaña la terracota con telas texturizadas o accesorios de barro para que el color se integre y no se vea añadido.

Ejemplo generado de brillo terracota usando media.io

9) Pradera Sepia

HEX: #CDAE86 #E5D8C6 #A07C5A #6E8A6B #3C4B3F

Estilo: nostálgico, natural, calmado

Ideal para: marcas outdoor, diarios de campo, marcos para fotografía de naturaleza

Nostálgica y en conexión con la naturaleza, esta paleta recuerda pasto seco prensado en páginas de diario. El verde salvia es perfecto como color secundario para íconos o títulos, mientras los marrones anclan el diseño. Usa el tostado medio para tarjetas y cajas para aportar estructura sin líneas duras. Consejo: al enmarcar fotos, manten los bordes en el neutro más claro para que las imágenes sigan siendo protagonistas.

Ejemplo de imagen de sepia meadow generado usando media.io

10) Cobre con miel

HEX:#C7A37A#F1E2D0#B87333#E0B14B#2B2A2E

Estilo:Brillante, cálido, de alta gama

Ideal para:Anuncios de cuidado de la piel, branding de joyas, Páginas de productos premium

Brillantes y cálidos, estos tonos evocan miel, papel de cobre y un brillo nocturno elegante. Para combinaciones de color bronceado que aún se sientan lujosas, combine el neutro cremoso con el casi negro para un tipo nítido y deje que el cobre y el oro manejen los reflejos. Mantenga los colores de aspecto metálico como acentos en botones, bordes o insignias en lugar de fondos completos. Consejo: Agregue degradados suaves entre la miel y el cobre para imitar la reflexión de la luz real sin abrumar el diseño.

Ejemplo de imagen de cobre de miel generado usando media.io

11) Pasteles de tabla de playa

HEX:#D1B28A#FFF5EA#BFA58A#6E7F8A#F2A7B5

Estilo:Juguetón, Ventoso, Costera

Ideal para:Incorporación de aplicaciones, Creadores de estilo de vida, Comercio electrónico ligero

Juguetones y brillantes, estos colores se sienten como madera flotante, aire marino y una puesta de sol sonrojada. Utilice la crema cálida para mantener las pantallas brillantes, luego introduzca el azul pizarra para la navegación y las etiquetas. El rosa suave funciona mejor para micro-acentos como puntos de notificación, etiquetas o ilustraciones. Consejo: Mantenga los elementos pastel más grandes y menos saturados en degradados para evitar un aspecto caramelo.

Ejemplo de imagen de pasteles de playa generado usando media.io

12) Cuero rústico

HEX:#B9956D#E8D3BD#7A4E2D#3C2B22#A14E3A

Estilo:robusto, cálido, taller

Ideal para:Artículos de cuero, embalaje artesanal, logotipos de fabricantes

Resistente y cálido, este juego trae a la mente cuero desgastado, costuras de sillín y un banco de trabajo bien usado. Utilice el marrón más oscuro como base para logotipos y sellos, luego cape bronceados más claros para etiquetas y etiquetas. El acento de ladrillo agrega carácter a sellos, ediciones limitadas o pequeños motivos gráficos. Consejo: Combínalo con texturas grabadas o patrones de grano sutiles para mejorar la sensación hecha a mano.

Ejemplo de imagen de cuero rústico generado usando media.io

13) Arcilla y carbón

HEX:#CBB18C#F4E9DB#2F3136#5A6B73#D19B5A

Estilo:Urbano, equilibrado, contemporáneo

Ideal para:Paneles de control, marketing SaaS, Visuales de datos

Urbanos y equilibrados, estos tonos se sienten como yeso de arcilla contra hormigón de carbón. La luz neutra mantiene las superficies limpias, mientras que el carbón proporciona una estructura nítida para tipos y gráficos. Utilice el azul-gris silenciado para la interfaz de usuario secundaria y el ámbar cálido como resalto para las métricas clave. Consejo: reserve el ámbar para una serie de datos primarios para que las visualizaciones sean fáciles de escanear.

Ejemplo de imagen de arcilla y carbón generado usando media.io

14) Mármol cálido

HEX:#D3B792#FAF5EE#B9B1A7#7C6F63#2C2A28

Estilo:Elegante, tranquilo, arquitectónico

Ideal para:Moodboards interiores, Servicios de lujo, Carteras

Elegante y silenciosa, esta mezcla se asemeja a cálidas venas de mármol y suaves sombras de piedra. Utilice el marfil como lienzo principal y traiga los grises para la estructura, las cuadrículas y los divisores sutiles. El profundo casi negro es perfecto para tipografía y monogramas refinados. Consejo: Agregue un elemento táctil, como patrones de líneas finas o detalles en relieve, para evitar que los neutros se sientan planos.

Ejemplo de imagen de mármol cálido generado usando media.io

15) Trigo dorado

HEX:#D2B189#F7ECDD#B67C4B#6A4A3C#2B2B2F

Estilo:Soleado, saludable, invitante

Ideal para:Marcas de alimentos, Cafés, blogs de recetas

Soleados y saludables, estos tonos se sienten como campos de trigo y corteza tostada. Una paleta de color bronceado como esta sobresale en contextos alimentarios donde el calor debe parecer apetitoso, no pesado. Utilice el marrón oscuro para encabezados fuertes y los neutros más claros para menús, tarjetas y bloques de fondo. Consejo: Agregue etiquetas de precio pequeñas y de alto contraste o botones CTA usando el color casi negro para mantener claras las conversiones.

Ejemplo de imagen de trigo dorado generado usando media.io

16) Crema de Espresso

HEX:#C6A27C#EFE2D3#5B3A2E#1F1B1A#C9D2D3

Estilo:Acogedor, premium, moody

Ideal para:Cafeterías, Hoteles boutique, Fotografía

Acogedor y temperamental, este set se siente como un café a la luz de las velas con café expreso y crema al vapor. Utilice el casi negro para la señalización y los encabezados, luego suavize la sensación general con superficies cremosas y tarjetas bronceadas cálidas. El gris frío es un toque final inteligente para el texto secundario y los bordes sutiles de la interfaz de usuario. Consejo: En los interiores, combine metales a la paleta con negro cepillado o bronce antiguo para un aspecto cohesivo.

Ejemplo de imagen de crema espresso generada usando media.io

17) Papel Vintage

HEX:#D0B690#F9F2E8#BCA98F#8A7C6C#5D5A57

Estilo:Nostálgico, Literario, Suave

Ideal para:Cubiertas de libros, Currículum Vitae, Papelería, blogs

Nostálgicos y literarios, estos tonos evocan papel envejecido, grafito suave y márgenes de sepia. Utilice la sombra más clara como fondo amigable para la lectura y el gris-marrón medio para un texto corporal cómodo. El gris más profundo funciona bien para títulos, reglas e iconos discretos. Consejo: Combinar con un serif clásico y una altura de línea ligeramente aumentada para amplificar el estado de ánimo de libro.

Ejemplo de imagen de papel vintage generado usando media.io

18) Flor de la duna

HEX:#CDB089#F3E7D6#E6A3A7#8A9B7A#4F4B45

Estilo:Romántico, Suave, Primavera

Ideal para:Ilustraciones florales, baby showers, regalos de la boutique

Románticos y suaves, estos colores se sienten como flores silvestres floreciendo a través de suaves dunas. El rosa rubor añade calidez sin dominar los neutros, mientras que el verde atenuado mantiene el aspecto natural. Utilice el gris-marrón oscuro para escribir para que los tonos delicados permanezcan nítidos. Consejo: En la impresión, mantenga el rosa en formas más grandes y use líneas verdes finas para los tallos y bordes para mantener un toque ligero.

Ejemplo de imagen de flor de duna generada usando media.io

19) Orquídea de nuez

HEX:#C2A178#EDE0D1#5A3B4E#2D2A2F#C87E5B

Estilo:Artístico, dramático, refinado

Ideal para:lookbooks de moda, estudios creativos, arte de álbumes

Artística y refinada, esta mezcla se lee como madera de nogal con una profunda sombra de orquídea. Utilice la luz neutral para el espacio negativo, luego deje que la ciruela y el casi negro lleven titulares y un fuerte tipo editorial. El cálido marrón coral es un gran acento para botones, subtítulos o pequeños detalles geométricos. Consejo: Mantenga las fotos ligeramente dessaturadas para que el acento de ciruela se mantenga destacado.

Ejemplo de imagen de orquídea de nogal generado usando media.io

20) Guijarro y azul

HEX:#C9AE86#F2E7D8#2F6B6D#1E2B2C#E0B45A

Estilo:Fresco, Al aire libre, Moderno

Ideal para:Sitios de viajes, UI de equipo al aire libre, branding moderno

Frescos y modernos, estos tonos se sienten como guijarros suaves junto al agua verde fría. Utilice los neutros cálidos como base, luego deje que teal define los elementos interactivos y la navegación. El acento dorado funciona bien para calificaciones, puntos destacados o pequeñas insignias sin chocar. Consejo: Si está diseñando una interfaz de usuario, mantenga azul para las acciones principales y use el verde-negro oscuro para el texto para mantener el contraste.

Ejemplo de imagen de pebble and teal generado usando media.io

¿Qué colores combinan bien con el tostado?

Tan se combina maravillosamente con anclas profundas y frescas como azul marino, carbón y casi negro: estas combinaciones se sienten clásicas y de alto contraste sin parecer duras. Si quieres una dirección más natural y al aire libre, prueba salvia, aceituna o azul azul silenciado para un equilibrio calmado y botánico.

Para calor y energía, inclinarse en terracota, cobre, óxido y acentos de oro miel. Estos mantienen la paleta cohesiva porque comparten tonos similares con el bronceado, haciendo que los reflejos se sientan intencionales en lugar de aleatorios.

Si buscas algo más suave, blush pink y warm ivory son fáciles de ganar. Aclaran la base terrosa de tan y crean una sensación suave y respetuosa con el estilo de vida para el embalaje, los gráficos sociales o las pantallas de incorporación.

Cómo usar una paleta de color tostado en diseños reales

Comience asignando roles: deje que un bronceado claro o crema maneje los fondos, luego use un bronceado medio para las cartas y las superficies. Reserve el tono más oscuro (espresso/Carbón/Azul Marino) para la tipografía y la estructura clave de la interfaz de usuario para que la legibilidad se mantenga fuerte.

Mantenga los acentos disciplinados. El bronceado se ve mejor cuando un color de acento lleva la "personalidad" (azul, salvia, terracota o dorado) y se reutiliza consistentemente a través de botones, iconos y reflejos.

En la marca y los interiores, la textura importa tanto como el tono. Combine las paletas bronceadas con materiales como lino, papel kraft, roble, metal cepillado o superposiciones de granos sutiles para hacer que los neutros se sientan ricos en lugar de planos.

Crea imágenes con paletas tostadas usando IA

Si ya tienes códigos hexagonales, puedes generar maquetas coincidentes (habitaciones, embalajes, pantallas de interfaz de usuario, invitaciones) describiendo la escena y haciendo referencia al ambiente de la paleta: iluminado por el sol, humorado, mínimo, rústico o lujoso.

Utilice las indicaciones de muestra anteriores como plantillas: cambie el sujeto (por ejemplo, "botella de cuidado de la piel" por "etiqueta de vela") y mantenga las notas de iluminación y composición para obtener resultados consistentes. Esta es una forma rápida de crear tableros de ánimo de marca o creativos de campaña.

Con Media.io, puede crear imágenes temáticas de bronceado en su navegador e iterar rápidamente, perfecto para probar múltiples direcciones antes de comprometerse con un diseño final.

Siguiente: Paleta de colores Magenta