Paletas de color umber: 21 ideas con códigos hex y prompts de diseño AI

El umber es un marrón profundo y terroso que agrega calidez, peso y credibilidad a un diseño de inmediato. Es un favorito para marcas que buscan una imagen arraigada—sin parecer anticuadas.

A continuación encontrarás ideas modernas de paletas de colores umber (con códigos HEX) para packaging, interfaces, interiores e ilustración—además de prompts de IA listos para generar visuales que armonicen.

Por qué funcionan tan bien las paletas Umber

El umber se sitúa en la zona de “neutrales cálidos”—lo suficientemente fuerte para sentirse intencionado, pero lo bastante tranquilo para apoyar la tipografía, fotografía y detalles de producto. Es especialmente efectivo cuando buscas una vibra premium, táctil o de herencia.

Debido a la profundidad natural del umber, crea contraste sin depender del negro puro. Combínalo con cremas y grises suaves para mayor legibilidad, o agrega acentos de terracota/cobre para introducir energía manteniéndose arraigado.

En diseño digital, las paletas umber también reducen el brillo comparado con los blancos brillantes y tonos de alta saturación, ayudando a que las interfaces se sientan más suaves y humanas—ideal para marcas de bienestar, alimentos y estilo de vida.

Más de 20 ideas de paletas de color Umber (con códigos HEX)

1) Hogar de Cedro

HEX: #5a3d2b #8a5a3c #c9a27a #f2e6d8 #2b1f1a

Ambiente: acogedor, rústico, arraigado

Ideal para: packaging de café

Acogedores y ahumados, estos tonos evocan vigas de cedro, granos tostados y cálida iluminación de cafetería. El marrón profundo y el casi negro anclan las etiquetas, mientras el beige y crema hacen la tipografía legible. Combínalo con texturas de papel sin recubrimiento y tipografía serif sencilla para una sensación premium. Consejo: utiliza el crema como fondo principal y reserva el tono más oscuro para logotipos y afirmaciones clave.

Ejemplo de imagen de hogar de cedro generado con 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) Arcilla Desértica

HEX: #6b4a3b #b06a4a #d8a27b #f4efe6 #3d2a23

Ambiente: horneado al sol, artesanal, cálido

Ideal para: interfaz para página de landing de marca de cerámica

Táctil y soleada, esta serie evoca arcilla hecha a mano, luz desértica y senderos polvorientos. La terracota apagada trae una energía amigable sin gritar, equilibrada por neutros suaves de arena. Funciona genial para UI de lifestyle donde la fotografía necesita un marco calmado y los botones destacan. Consejo: mantén las llamadas a la acción en terracota y deja que el marrón oscuro lleve los encabezados para contraste.

Ejemplo de imagen de arcilla desértica generado con media.io

3) Cuero Antiguo

HEX: #4a3326 #7a4f35 #a97a55 #e6d2bc #1f1714

Ambiente: herencia, refinado, clásico

Ideal para: diseño de cubierta de libro

Con herencia y refinamiento, estos tonos evocan cuero envejecido, bordes dorados y bibliotecas silenciosas. Los tonos medios de marrón se leen como confiables y atemporales, mientras el pergamino claro mantiene los títulos nítidos. Esta mezcla es perfecta para ficción histórica, memorias y cuadernos premium donde la calidez es más importante que el color brillante. Consejo: repuja el título en el tono más claro y enmárcalo con el marrón más profundo para un contraste clásico.

Ejemplo de imagen de cuero antiguo generado con media.io

4) Umber Forestal

HEX: #4b3a2a #6a5b45 #8d7a5b #c7b99b #1d261f

Ambiente: terroso, tranquilo, natural

Ideal para: branding de equipo al aire libre

Terrosos y tranquilos, estos tonos sugieren suelo de bosque, corteza y senderos sombríos. El verde-negro aporta un toque robusto que evita que los marrones se sientan demasiado acogedores. Como combinaciones de umber, ésta es especialmente eficaz para logos, etiquetas y parches. Consejo: coloca el verde-negro más oscuro detrás de tipografía blanca pequeña y usa el caqui claro para paneles secundarios.

Ejemplo de imagen de umber forestal generado con media.io

5) Lino Moka

HEX: #5c4538 #8b6a58 #bda089 #f2eadf #3a2a24

Ambiente: suave, minimalista, reconfortante

Ideal para: packaging de cuidado de la piel

Suave y minimalista, esta paleta evoca moka cálida, tela de lino y luz de mañana gentil. La base cremosa mantiene la imagen limpia, mientras los tonos cacao suman profundidad a nombres e ingredientes. Es ideal para bienestar y cuidado de la piel donde la confianza calmada es el objetivo. Consejo: mantén la mayoría de superficies en crema y usa el moka medio para iconos, evitando un aspecto pesado o turbio.

Ejemplo de imagen de lino moka generado con media.io

6) Tinta Terracota

HEX: #5a3b2f #9b4f3c #d8a18a #f6f1ea #231a1a

Ambiente: audaz, editorial, expresivo

Ideal para: diseño editorial de revista

Audaz y editorial, estos matices evocan pigmento de arcilla, titulares entintados y grabados modernos. El casi negro da estructura nítida, mientras la terracota añade calidez que guía al lector por la página. Úsalo en spreads que requieren personalidad sin recurrir a neón. Consejo: reserva la terracota para citas destacadas y encabezados, manteniendo el texto principal en el tono más oscuro para claridad.

Ejemplo de imagen de tinta terracota generado con media.io

7) Madera Latón

HEX: #4f3727 #7b5b3a #b08a4f #e7d8b8 #2a201a

Ambiente: vintage, pulido, seguro

Ideal para: diseño de menú de restaurante

Vintage y pulida, esta combinación evoca accesorios de latón, barras de madera oscura y mesas iluminadas con velas. El tono dorado aporta un brillo sutil y lujoso sin llegar al amarillo brillante. Funciona bien para menús, listas de vinos e impresos de hostelería donde la legibilidad es clave. Consejo: usa el tono latón para divisores e iconos, y mantén los encabezados en marrón oscuro para una jerarquía nítida.

Ejemplo de imagen de madera latón generado con media.io

8) Arena de Cacao

HEX: #5b4030 #7d5b45 #a9876d #d7c2a6 #f3eadf

Ambiente: amigable, cálido, accesible

Ideal para: plantillas de publicaciones para redes sociales

Amigables y cálidos, estos tonos evocan polvo de cacao, arena de playa y sombras suaves. El degradado de marrón profundo a crema hace que los diseños se sientan con capas sin requerir gráficos adicionales. Es ideal para tarjetas de cita, promos y plantillas de carrusel donde la coherencia de marca ayuda. Consejo: usa el texto sobre crema o arena pálida, y reserva el marrón más oscuro solo para líneas de énfasis y pequeños distintivos.

Ejemplo de imagen de arena de cacao generado con media.io

9) Especia de Cosecha

HEX: #5a3523 #8f4f2f #c57d4a #e6b58a #f6eadc

Ambiente: otoñal, enérgico, acogedor

Ideal para: póster promocional de temporada

Otoñal y enérgico, este conjunto evoca calabaza asada, canela y la luz del sol en la última tarde. Los tonos especiados anaranjado-marrón son vibrantes, mientras que el crema pálido evita que el diseño se sienta demasiado pesado. Estas combinaciones de colores sombra tostada son ideales para promociones de temporada, mercados de agricultores y ofertas especiales de café. Consejo de uso: utiliza titulares grandes en los marrones oscuros y el tono especia como color llamativo para stickers.

Ejemplo de imagen de harvest spice generado con media.io

10) Sienna Slate

HEX: #5a3a2c #8f5d4c #b98c7a #c9cfd4 #2b2f33

Ambiente: moderno, equilibrado, ligeramente frío

Ideal para: interfaz de panel de control

Moderno y equilibrado, estos tonos combinan sienna cálida con pizarra fría para un ambiente compuesto y profesional. Los grises añaden aire y mantienen los marrones actuales, no rústicos. Úsalo en dashboards analíticos donde se necesiten contrastes sutiles entre gráficas y tarjetas. Consejo de uso: reserva el gris más oscuro para la navegación y el sienna para los estados activos, facilitando la exploración rápida del usuario.

Ejemplo de imagen de sienna slate generado con media.io

11) Pecan Cream

HEX: #614434 #8e6a55 #b9967f #e5d3c3 #fbf6ee

Ambiente: suave, ligero, reconfortante

Ideal para: set de invitaciones de boda

Suaves y aireados, estos tonos recuerdan a cáscaras de nuez, crema batida y papel suave. Los neutros claros son perfectos para tipografía delicada, mientras que los marrones profundos aportan suficiente estructura para monogramas. Se adapta tanto a bodas rústico-elegantes como papelería minimalista. Consejo de uso: imprime el texto principal en el marrón más oscuro, dejando los bordes y adornos en el tono medio de nuez para un acabado más suave.

Ejemplo de imagen de pecan cream generado con media.io

12) Copper Pine

HEX: #4a3327 #7a4a3a #b8734f #3a4a3f #e9dccb

Ambiente: aventurero, artesanal, al aire libre

Ideal para: etiqueta de cerveza artesanal

Aventurero y artesanal, esta combinación evoca calderos de cobre, agujas de pino y espuma cremosa. El verde aporta un contrapunto fresco y natural, evitando que los marrones se mezclen demasiado. Es adecuado para etiquetas y latas que buscan calidez y frescura. Consejo de uso: usa el cobre para el emblema central y refuerza el texto con el marrón más oscuro para mantener la legibilidad.

Ejemplo de imagen de copper pine generado con media.io

13) Walnut Fog

HEX: #4d3a30 #6d584c #9a8578 #c9c0ba #f0ece8

Ambiente: tranquilo, contemporáneo, neutro

Ideal para: moodboard de diseño de interiores

Tranquilos y contemporáneos, estos neutros de nogal y niebla evocan textiles suaves, cerámicas mate y luz de ventana nublada. El topo y el gris cálido unen los marrones, dando al conjunto un aire flexible y moderno. Es una paleta sombra tostada fácil para interiores, lookbooks y presentaciones de marca que buscan cohesión suave. Consejo de uso: deja que el tono de niebla pálido predomine y suma detalles de nogal en pequeños toques repetidos para el ritmo visual.

Ejemplo de imagen de walnut fog generado con media.io

14) Sepia Bloom

HEX: #5a3e32 #8a5f52 #c59a8a #e8d2c7 #f7f1eb

Ambiente: romántico, nostálgico, suave

Ideal para: ilustración botánica en acuarela

Románticos y nostálgicos, estos tonos sepia recuerdan pétalos prensados, fotografías antiguas y lavados en acuarela. Los tonos medios marrón-rosados aportan calidez sin llegar a rosa, manteniendo las flores sofisticadas. Úsalo en láminas botánicas, páginas de journaling y dirección de arte de marca suave. Consejo de uso: pinta primero grandes áreas en el lavado más claro y luego añade profundidad con los sepias más intensos para tallos y sombras.

Ejemplo de imagen de sepia bloom generado con media.io

15) Claystone Modern

HEX: #553a2f #775549 #a37a6a #d9c7bf #2f2b2a

Ambiente: arquitectónico, moderno, sólido

Ideal para: guía de estilo de marca

Arquitectónica y sólida, esta paleta evoca enlucido de arcilla, encimeras de piedra y detalle en carbón. El neutro oscuro mantiene los layouts definidos, mientras que los tonos medios arcilla conservan el toque elegante en grandes bloques. Es una paleta inteligente de sombra tostada para guías de estilo que buscan confianza y actualidad. Consejo de uso: asigna un tono medio como primario de marca y usa el más claro para fondos amplios.

Ejemplo de imagen de claystone modern generado con media.io

16) Toffee Noir

HEX: #3b261f #6a3f30 #a06344 #d2a17e #f4e6d8

Ambiente: intenso, lujoso, alto contraste

Ideal para: anuncio de perfume

Intenso y lujoso, este conjunto evoca chocolate negro, glaseado toffee y sombras aterciopeladas. El alto contraste entre negro y crema da al mensaje del producto un aire premium y contundente. Úsalo en anuncios brillantes, banners principales y packaging donde el drama hace destacar el producto. Consejo de uso: mantén los fondos profundos y usa crema para destacar la silueta del frasco y textos clave.

Ejemplo de imagen de toffee noir generado con media.io

17) Canyon Paper

HEX: #5e3d2c #8b5c43 #b9835f #e0c2a8 #f7efe6

Ambiente: iluminado, natural, hecho a mano

Ideal para: diseño de volante

Iluminado y artesanal, estos tonos cañón evocan papel hecho a mano, arenisca y polvo cálido. Los tonos medios son lo suficientemente fuertes para titulares, mientras que la base pálida mantiene la ligereza general. Perfecto para volantes comunitarios, talleres y eventos locales donde se busca calidez accesible. Consejo de uso: usa el marrón más oscuro para textos y el tono medio terracota para destacar fecha y ubicación.

Ejemplo de imagen de canyon paper generado con media.io

18) Bark and Butter

HEX: #4a3426 #6d4c35 #9a6f4a #e7d6b5 #fff6e6

Ambiente: saludable, acogedor, invitante

Ideal para: logo y packaging de panadería

Saludable y acogedor, estos colores evocan corteza tostada, mantequilla dorada y bolsas de papel kraft. Los tonos mantequilla claros iluminan el conjunto, haciéndolo amigable y no pesado. Ideal para marcas de panadería, stickers y packaging de cajas pequeñas. Consejo de uso: usa el tono oscura de corteza para el logo y la mantequilla como espacio negativo, así el logo se mantiene nítido en tamaños pequeños.

Ejemplo de imagen de bark and butter generado con media.io

19) Umber Glacier

HEX: #5a3f33 #7b5f54 #a08a84 #c7d3dc #f3f7f9

Ambiente: fresco, contenido, contemporáneo

Ideal para: pantallas de bienvenida de app

Fresca y contenida, esta combinación recuerda piedra cálida contra aire helado de la mañana. Los azul-gris fríos mantienen los marrones nítidos, ayudando a los diseños digitales a lucir modernos y limpios. Para apps, esta paleta sombra tostada destaca cuando buscas calidez sin aire vintage o pesado. Consejo de uso: coloca ilustraciones en la gama azul-gris suave y reserva el marrón más oscuro para acciones clave y títulos de pasos.

Ejemplo de imagen de umber glacier generado con media.io

20) Cacao Cherry

HEX: #3f2722 #6b3a33 #8f4a3f #b77a6f #f1e3dc

Ambiente: rico, romántico, dramático

Ideal para: packaging de chocolate artesanal

Rica y romántica, esta mezcla sugiere nibs de cacao, notas de cereza y envoltorios oscuros y brillantes. El marrón rosado aporta un acento sensual que evita que la paleta se sienta solo neutra. Es una dirección de paleta sombra tostada fuerte para packaging gourmet que necesita calidez y atractivo apetitoso. Consejo de uso: usa el tono más oscuro como base del envoltorio y el crema claro para paneles de ingredientes y zonas de código de barras.

Ejemplo de imagen de cacao cherry generado con media.io

21) Museum Earth

HEX: #4b3528 #6f4f3a #9b7859 #c7b29d #ece3d6

Ambiente: curado, intelectual, atemporal

Ideal para: póster de exposición de museo

Curada y atemporal, esta gama terrosa evoca impresiones de archivo, marcos de madera tallada y paredes de galería. El progreso ordenado de oscuro a claro destaca la tipografía y las leyendas de obras. Úsala en pósters culturales, ciclos de charlas y sistemas de identidad en los que la sofisticación es clave. Consejo de uso: encuadra imágenes en el neutro más claro y usa el marrón medio para bandas seccionales que guíen la vista.

Ejemplo de imagen de museum earth generado con media.io

¿Qué colores combinan bien con Umber?

La sombra tostada combina bellamente con blancos cremosos, pergamino y grises cálidos: estos mantienen los layouts aireados y dejan que el marrón se lea rico en vez de pesado. Es la dirección más segura para branding y packaging donde se busca claridad.

Para más contraste, agrega tonos pizarra fría, azul-gris o verde-negro para modernizar la paleta. Si buscas calidez y atractivo apetitoso, agrega terracota, cobre o naranjas especiados como acentos.

La sombra tostada también funciona bien con marrones rubor y tintes rosa empolvado para estilos románticos y editoriales—especialmente en ilustración, papelería y tratamiento de fotografía de estilo de vida.

Cómo usar una paleta Umber en diseños reales

Empieza con un neutro claro para el fondo principal (crema, niebla, pergamino), y usa la sombra tostada para titulares, marcos y componentes clave de la interfaz. Así evitas el efecto “fangoso” que ocurre si los marrones medios dominan todas las superficies.

Elige un color acento (terracota, latón-dorado, pizarra o pino) y resérvalo para CTAs, íconos o marcadores seccionales. Mantener el acento consistente hace que la paleta general luzca intencionada y escalable entre formatos.

En impresión, la sombra tostada resalta en papeles texturizados como kraft o sin recubrimiento; para digital, aumenta un poco el contraste (texto más oscuro, fondos más claros) para asegurar accesibilidad y legibilidad nítida.

Crea visuales con paleta Umber usando IA

Si ya tienes los códigos HEX, puedes convertirlos en mockups coherentes describiendo el producto o layout (packaging, UI, póster, etc.) y eligiendo el ambiente: acogedor, moderno, editorial o natural.

Usa los prompts incluidos bajo cada paleta como punto de partida y cambia el tema (ej., “bolsa de café” por “etiqueta de vela”) manteniendo notas de iluminación y composición para lograr resultados consistentes.

Genera múltiples variaciones, elige la composición más fuerte y reutiliza la misma paleta en todos tus assets para mantener la unidad visual del sistema de marca.

Siguiente: Paleta de colores de la biblioteca