20 paletas de marrón claro con códigos hexadecimales como #c8a27a

El marrón claro se sitúa en el punto ideal entre lo acogedor y lo limpio. Aporta calidez, suavidad y una sensación natural y premium a la identidad de marca, interiores y UI modernas.

A continuación te mostramos 20 paletas de colores marrón claro (con códigos HEX), además de consejos rápidos de combinación y uso para que puedas aplicarlas con confianza en proyectos reales.

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

El marrón claro transmite humanidad y conexión con la tierra. De forma natural sugiere artesanía, comodidad y autenticidad, por eso aparece con frecuencia en marcas de café, bienestar, interiores y estilo de vida.

También actúa como un “neutral cálido”, de modo que se combina bien tanto con acentos fríos (azules, verdes azulados, menta) como con cálidos (terracota, cobre, cítricos). Esa flexibilidad facilita crear sistemas completos: fondos, superficies, bordes y tipografía.

En interfaces, los tonos marrón claro suavizan la dureza del gris puro manteniendo la legibilidad. Al combinarlos con un tono carbón o espresso profundo, se obtiene un contraste que sigue siendo suave y premium.

20+ Ideas de paletas de colores marrón claro (con códigos HEX)

1) Lino Latte

HEX: #C8A27A #F5EFE6 #E3D2BE #B7895F #4A3A2A

Estado de ánimo: cálido, aireado y acogedor

Ideal para: identidad de marca minimalista y empaque de cafetería

Tonos latte cálidos y neutros lino suaves evocan el ritual calmado de la mañana y el brillo limpio de una encimera. Úsala para logotipos, etiquetas y menús donde la legibilidad sea importante. Combina la base beige con marrón espresso profundo para la tipografía y deja el crema como espacio negativo generoso. Consejo: reserva el tono más oscuro para pequeños acentos y así mantener la paleta ligera y premium.

Ejemplo de imagen de lino latte generada 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) Salvia Arenisca

HEX: #C9A77F #EDE2D1 #9BB39A #6E7F63 #2F3B2F

Estado de ánimo: conectado, fresco y natural

Ideal para: sitios web de bienestar y branding de productos ecológicos

Arenisca terrosa y salvia tranquila recuerdan un sendero soleado y hierbas recién cortadas. Estas combinaciones de marrón claro funcionan muy bien para marcas sostenibles que buscan calidez sin verse pesadas. Usa el beige claro y el salvia para fondos y apóyate en el verde bosque oscuro para botones y encabezados. Consejo: limita los acentos verdes al 10-15% para que el marrón sea el protagonista.

Ejemplo de imagen de salvia arenisca generada usando media.io

3) Rubor Cacao

HEX: #B8896A #F6E1D8 #E6B8A2 #A24E4B #3A2322

Estado de ánimo: romántico, acogedor y suave

Ideal para: branding de belleza y papelería de bodas

Los tonos cacao y rubor evocan atardeceres rosados y postres aterciopelados. Los suaves rosas suavizan la base marrón, aportando una sensación íntima en vez de rústica. Combina el cacao profundo con rubor para lograr contraste elegante y usa el rojo arcilla para sellos decorativos o lazos. Consejo: usa un sólo rosa para fondos y deja los otros para detalles, evitando un look recargado.

Ejemplo de imagen de rubor cacao generada usando media.io

4) Oliva Mielada

HEX: #D1A57A #F3EAD8 #B7A46A #6F6A3C #2C2B20

Estado de ánimo: soleado, terroso y vintage

Ideal para: etiquetas de alimentos artesanales y carteles de mercado de agricultores

La calidez de la miel y la profundidad de la oliva evocan el sol de la tarde sobre los campos. El beige dorado aporta cercanía, mientras la oliva oscura suma un aire artesanal y tradicional. Combina con texturas de papel blanco roto y tipografías serif simples para un estilo atemporal. Consejo: imprime la oliva media en material mate para evitar resultados turbios y mantener bordes definidos.

Ejemplo de imagen de oliva mielada generada usando media.io

5) Trigo y Tinta

HEX: #CDA57A #F7F3EA #D7C2A5 #2E2E34 #5A6472

Estado de ánimo: limpio, moderno y editorial

Ideal para: sitios de portafolio y presentaciones minimalistas

Los neutros trigo con carbón entintado crean una calma nítida y de galería. Esta paleta es ideal si buscas calidez sin perder un aire profesional y pulcro. Combina blanco roto con carbón para los layouts y añade azul pizarra para links o iconos sutiles. Consejo: usa textos principales en carbón y reserva el pizarra para los estados hover para marcar jerarquía.

Ejemplo de imagen de trigo y tinta generada usando media.io

6) Caramelo Costero

HEX: #C79A6A #F2E7D8 #8FB7C7 #2D6F8B #16323D

Estado de ánimo: fresco, relajado y aireado

Ideal para: cabeceras de blog de viajes y redes sociales lifestyle

La arena caramelo y los azules vidrio de mar transmiten un ambiente relajado de costa. El beige cálido mantiene lo acogedor, mientras los azules fríos aportan claridad y contraste contemporáneo. Combina azul marino-verdoso y caramelo para encabezados destacados, usando crema clara para fondos limpios. Consejo: mantén las fotos ligeramente cálidas para que la paleta luzca unificada en todo el feed.

Ejemplo de imagen de caramelo costero generada usando media.io

7) Denim Tostado

HEX: #C6A17D #EFE7DD #3D5A80 #98AFC7 #1B2635

Estado de ánimo: moderno, seguro y casual

Ideal para: pantallas de bienvenida de apps y branding SaaS

El beige tostado con azules denim recuerda a una chaqueta favorita y cuero bien usado. Esta combinación hace que las interfaces sean amigables y, al mismo tiempo, confiables. Usa el azul marino oscuro para llamadas a la acción principales y el azul claro para paneles secundarios. Consejo: agrega espaciado generoso con el blanco roto evitando que los azules oscuros opaquen la base cálida.

Ejemplo de imagen de denim tostado generada usando media.io

8) Arcilla de Arce

HEX: #C58F66 #F4E9DD #D38A6C #8C4A3D #2B1D1A

Estado de ánimo: rústico, especiado y acogedor

Ideal para: menús de restaurantes y flyers de eventos de otoño

Los tonos arce y arcilla evocan hornos calientes, canela y cerámica hecha a mano. Logran equilibrio entre crema suave y profundidad marrón-rojiza para abrir el apetito. Combina el tono espresso oscuro con crema para textos legibles y usa arcilla como acento en precios o secciones principales. Consejo: deja los fondos claros y reserva los tonos más oscuros para bordes e iconos.

Ejemplo de imagen de arcilla de arce generada usando media.io

9) Almendra Grafito

HEX: #C7A27E #F8F5F0 #DCCBB6 #5C5B60 #1E1E22

Estado de ánimo: elegante, sereno y refinado

Ideal para: landing pages de productos y presentaciones tech

Neutros almendra con sombras grafito dan sensación pulida y silenciosamente lujosa. El beige suave hace los layouts accesibles mientras que el carbón aporta estructura y seriedad. Usa grafito para encabezados e iconos; deja el almendra para grandes superficies y así reducir fatiga visual. Consejo: usa el topo medio para dividir, creando profundidad sin líneas pesadas.

Ejemplo de imagen de almendra y grafito generado con media.io

10) Café Noir y Crema

HEX: #B98C66 #F9F1E6 #E5D1BD #6B4B3A #1D1412

Estado de ánimo: clásico, rico y acogedor

Ideal para: branding para cafeterías y tarjetas de fidelidad

Reflejos cremosos y profundidad de café noir crean un ambiente de barra de espresso atemporal. Esta paleta de marrón claro funciona especialmente bien para logotipos que necesitan calidez y tradición inmediata. Combina el negro casi total para sellos y tipografía, luego usa el tostado y la crema para fondos y paneles de empaque. Consejo: agrega un toque de textura en impresión, pero mantén los fondos digitales planos para mayor claridad.

Ejemplo de imagen de café noir y crema generado con media.io

11) Cítricos Sépia

HEX: #C8A06F #FFF1D6 #F0C75E #D9892B #5A3B1E

Estado de ánimo: brillante, alegre y nostálgico

Ideal para: promociones de verano y anuncios de delivery de comida

El calor sépia con toques cítricos transmite la sensación de tarjetas postales al sol y cáscaras frescas. Los acentos amarillos y naranjas aportan energía sin competir con la base marrón. Usa la crema para espacios limpios y el naranja para botones o badges de descuento. Consejo: mantén los tonos cítricos en toques pequeños para una imagen sofisticada y no estridente.

Ejemplo de imagen de cítricos sépia generado con media.io

12) Moca y Menta

HEX: #C19B77 #F1E7DA #BFE3D1 #4E8C74 #243B33

Estado de ánimo: limpio, tipo spa y relajante

Ideal para: empaques de cuidado de piel y UI para reservas de citas

Los neutros moca con verdes mentolados evocan un ambiente de spa sereno y toallas frescas. Las notas verdes mantienen los marrones livianos y modernos. Usa el verde más profundo para las llamadas a la acción y la crema como fondo principal para un diseño aireado. Consejo: iguala los trazos de iconos al verde más oscuro para un acabado profesional y coherente.

Ejemplo de imagen de moca y menta generado con media.io

13) Abedul y Rosa

HEX: #CBA585 #F6ECE6 #E8C3C3 #B26B7A #3F2B33

Estado de ánimo: suave, elegante e íntimo

Ideal para: branding boutique y lookbooks editoriales

El tono abedul y el rosa empolvado evocan telas suaves e iluminación cálida de rubor. Es una paleta delicada con suficiente contraste para tipografía y acentos. Usa el color ciruela para titulares y el rosa empolvado para resaltados, cintas o formas pequeñas. Consejo: en impresión, elige papel sin recubrimiento para que los tonos rosados se vean más naturales.

Ejemplo de imagen de abedul y rosa generado con media.io

14) Noche en el Desierto

HEX: #C09A78 #F2E8DE #8A6E5A #2B2B33 #0F1115

Estado de ánimo: melancólico, cinematográfico y lujoso

Ideal para: branding premium y hero visual en landing pages

La arena del desierto difuminándose en tonos nocturnos crea un ambiente dramático y cinematográfico. El tostado cálido mantiene la combinación cercana, mientras el casi negro aporta lujo y autoridad. Usa el tono más oscuro para titulares hero y la arena como resplandor suave detrás de los mensajes clave. Consejo: añade gradientes sutiles entre topo y carbón para evitar transiciones planas y duras.

Ejemplo de imagen de noche en el desierto generado con media.io

15) Librería Vintage

HEX: #C3A07C #F3EDE3 #D9C1A8 #A88B63 #6E4E2F

Estado de ánimo: nostálgico, sereno y académico

Ideal para: cubiertas de libros y sets de papelería

Los marrones suaves y cremas como de papel evocan lomos gastados, estanterías silenciosas y márgenes con anotaciones a lápiz. Esta paleta de marrón claro es perfecta para marcas literarias, diarios y empaques clásicos con un toque familiar. Usa el ombú oscuro para títulos y la crema pálida para fondos, luego el tostado medio para bordes y marcos. Consejo: acompáñalo con un único acento en foil, como dorado apagado, para realzar el aire vintage.

Ejemplo de imagen de librería vintage generado con media.io

16) Arcilla y Cobre

HEX: #C49A74 #F5E9DD #C06A4C #8C4B2E #2A1A14

Estado de ánimo: atrevido, artesanal y cálido

Ideal para: tiendas de cerámica y etiquetas de producto hecho a mano

Tonos de arcilla y cobre evocan calor de horno, polvo de terracota y filos artesanales. El cobre más brillante da energía sin dejar de ser terroso. Usa la crema para fondos de etiquetas y el marrón oscuro para logotipos y códigos QR. Consejo: usa el cobre sólo como acento para que se perciba intencionado y no abrumador.

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

17) UI de Sombra Suave

HEX: #C7A37E #F4F0EA #E0D4C6 #7C6A5B #2B2A2E

Estado de ánimo: sereno, equilibrado y legible

Ideal para: UI de dashboard y paneles administrativos de datos

Los neutros sombra suave crean un espacio de trabajo tranquilo, menos frío que el gris puro. Desde crema hasta carbón, permiten una jerarquía clara en tablas, gráficos y formularios. Usa el tono más oscuro para navegación y el topo para divisores; así mantienes las pantallas ordenadas. Consejo: usa un solo acento contrastante fuera de la paleta en los gráficos para evitar que los datos se vean sucios.

Ejemplo de imagen de UI de sombra suave generado con media.io

18) Terracota Iluminada

HEX: #C79D74 #F7EEE5 #E07A5F #F2CC8F #3D405B

Estado de ánimo: optimista, artístico y cálido

Ideal para: sitios de estudio creativo y carteles de eventos

Tostado soleado con terracota y arena dorada evoca una pared de estudio brillante durante la golden hour. El inesperado azul marino añade un toque moderno que evita lo rústico. Usa la terracota para formas principales y el azul marino para texto o logotipo. Consejo: mantén la crema como base para que los acentos cálidos destaquen y se vean limpios.

Ejemplo de imagen de terracota iluminada generado con media.io

19) Mañana en la Pradera

HEX: #CFA880 #F3F7F1 #B7C4A1 #6B8F71 #2B3A2F

Estado de ánimo: fresco, campestre y sereno

Ideal para: ilustraciones botánicas y cabeceras de blogs de naturaleza

El tostado pradera y los verdes suaves evocan rocío en la hierba y brisa matinal. Es lo bastante delicada como para fondos y lo bastante fuerte para titulares y badges. Usa el verde más oscuro para texto clave y el blanco menta pálido para mantener todo aireado. Consejo: añade texturas acuarela en los tonos más claros para realzar el aire natural sin sobrecargarlo.

Ejemplo de imagen de mañana en la pradera generado con media.io

20) Topo Escarchado

HEX: #C2A184 #FAF8F5 #E6DFD8 #A6A0A0 #3E3C3C

Estado de ánimo: suave, minimalista y contemporáneo

Ideal para: moodboards de interiores modernos y posts tipográficos

Topo escarchado y grises sutiles evocan una luz silenciosa filtrada por cortinas. El contraste es discreto, ideal para diseños minimalistas y moodboards serenos. Usa el grafito profundo para tipografía y el casi blanco para fondos espaciosos. Consejo: usa el gris medio para sombras y separadores suaves, en vez de líneas duras.

Ejemplo de imagen de topo escarchado generado con media.io

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

El marrón claro combina fácilmente con blancos cremosos y beiges suaves para un aspecto tranquilo y tonal. Agrega carbón, espresso o casi negro cuando quieras un contraste profesional marcado para títulos y elementos UI.

Para un giro fresco, combina marrón claro con verdes (salvia, oliva, bosque) o azules costeros (teal, denim, pizarra). Estos acentos fríos mantienen la paleta moderna sin perder calidez.

Si buscas más energía, usa acentos cálidos con moderación—terracota, cobre, mostaza o naranja cítrico. Pequeños toques (badges, botones, iconos) hacen que todo el sistema se vea intencionado en vez de ruidoso.

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

Comienza con un “plan de superficie”: usa la crema/blanco más claro para fondos, luego el tostado como superficie primaria (tarjetas, paneles, secciones). Reserva el tono más oscuro para texto, logotipos o navegación para asegurar legibilidad.

Limita los acentos. Elige un solo acento destacado (azul, verde o terracota) y aplícalo siempre en CTAs, enlaces o highlights clave. Así evitas combinaciones turbias cuando varios tonos medios compiten.

Para impresión, prueba en el papel adecuado. Los marrones cálidos pueden variar según el soporte y acabado; los papeles sin recubrimiento suelen acentuar lo acogedor, mientras los mates ayudan a mantener la nitidez de los tonos medios.

Crea visuales de paletas marrón claro con IA

Si ya tienes códigos HEX, puedes convertirlos en mockups realistas de marca, posters o conceptos UI en minutos. El flujo más rápido es generar una imagen de referencia para tu paleta y luego iterar cambiando el prompt.

Usa palabras de tu paleta (latte, lino, salvia, denim, terracota) junto con el formato de diseño (empaque, landing page, invitación, dashboard) para mantener el estilo. Añade pistas de luz y materialidad como “papel mate”, “sombra suave” o “fondo limpio y sin costuras”.

Cuando encuentres un estilo que te guste, conserva la estructura del prompt y solo cambia el sujeto (menú → etiqueta → banner hero) para mantener la coherencia visual en toda la campaña.

Siguiente: Paleta de colores verde lima