Más de 20 paletas de colores marrón, amarillo y naranja con códigos hex y AI

El marrón, el amarillo y el naranja se sitúan juntos en el lado cálido del círculo cromático, por lo que naturalmente se sienten coherentes, terrenales y acogedores. Esto los convierte en un trío ideal para campañas de temporada, branding alimenticio y temas rústico-modernos de interfaces.

A continuación tienes más de 20 ideas de paletas de color marrón amarillo naranja con códigos HEX, además de formas prácticas para mantener el contraste nítido y los diseños legibles.

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

El marrón aporta estabilidad y señales de materiales “reales” (madera, cuero, tierra), mientras que el naranja agrega energía y cercanía. El amarillo completa el conjunto con optimismo y visibilidad, por lo que el esquema general se siente cálido sin ser demasiado saturado.

Como estos tonos comparten matices, los degradados y transiciones se ven suaves e intencionados. Eso los hace especialmente efectivos para empaques, gráficos de temporada y sistemas de marca que necesitan calidez en distintos puntos de contacto.

Para que la paleta no se ensucie, ancla los diseños con un fondo crema claro o un color de texto espresso profundo. Esto crea un rango de valor claro (claro a oscuro) que protege la legibilidad.

20+ ideas de paletas marrón amarillo naranja (con códigos HEX)

1) Mercado de Cosecha

HEX: #6B3F2A #B86A2A #E39A2D #F2D16B #F7EFE3

Clima: acogedor, abundante, invitante

Ideal para: diseño de menús de restaurante de la granja a la mesa

Acogedora y abundante, evoca cajones de madera, calabazas frescas y luz de tarde. Usa esta paleta marrón amarillo naranja para menús, caballetes de mesa y tarjetas de fidelidad donde el calor transmite confort. Combínala con espacios blanco roto y un marrón profundo para un texto legible. Consejo: reserva la crema pálida para fondos y deja que los tonos dorados destaquen precios y llamadas a la acción.

Ejemplo de imagen de mercado de cosecha 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 ahora gratis

2) Atardecer en el Desierto

HEX: #4B2E1F #9C4F2B #D06A2C #F0B33E #FFE6B7

Clima: dramático, soleado, aventurero

Ideal para: póster de viaje para un destino desértico

Dramática y soleada, evoca dunas, sombras de cañones y un horizonte resplandeciente. Funciona de maravilla en pósters de viaje, flyers de eventos y banners principales donde quieres calor e impulso instantáneo. Equilibra el naranja con el marrón oscuro para los titulares y reserva el arena pálido para espacios de respiro. Consejo: añade una textura de grano sutil al fondo claro para una sensación de impresión vintage.

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

3) Terracota Mielada

HEX: #5A3826 #C26B3C #E07F2C #F4C24D #FFF2D8

Clima: artesanal, soleado, hecho a mano

Ideal para: empaque y etiquetas para marca de cerámica

Artesanal y soleada, recuerda al barro vidriado, goteo de miel y una luz tibia de estudio. Estas combinaciones de marrón amarillo naranja brillan en etiquetas, cajas kraft y tags colgantes, especialmente con ilustraciones lineales sencillas. Combina con texturas de papel sin recubrimiento y tinta negra mínima para ingredientes y área de código de barras. Consejo: Usa el amarillo más brillante solo para un sello o sticker pequeño para que se sienta premium y no estridente.

Ejemplo de imagen de terracota mielada generado con media.io

4) Latte Especiado

HEX: #3E2A22 #8A5A3B #C67A2E #E8B85A #F6E9DA

Clima: reconfortante, suave, cálido de café

Ideal para: diseño de tarjeta de fidelidad y sello para cafetería

Reconfortante y suave, recuerda a crema de espresso y espuma de canela. Úsala en tarjetas de fidelidad, señalética de cafetería o plantillas sociales que deban sentirse familiares y relajadas. Combina con neutros cremosos y un solo color marrón oscuro para el texto, para mantener todo legible. Consejo: usa el tono dorado como color del sello para que las marcas de premio se sientan agradables y no duras.

Ejemplo de imagen de latte especiado generado con media.io

5) Arboleda de Caléndulas

HEX: #5C3A1F #A35D2A #E58A22 #F2C14E #FFF6D1

Clima: alegre, botánico, brillante

Ideal para: set de ilustraciones botánicas en acuarela

Alegre y botánica, se siente como caléndulas en un parterre soleado. Es perfecta para papelería ilustrada, estampados florales y marketing de primavera a otoño donde la calidez importa más que los tonos pastel. Inspírate con un fondo marfil suave y deja que el marrón más oscuro defina tallos y contornos. Consejo: limita el naranja brillante a pétalos y flores principales para que el patrón se mantenga sereno.

Ejemplo de imagen de arboleda de caléndulas generado con media.io

6) Arcilla de Cañón

HEX: #2F1C14 #7A3E26 #B85B2E #E69A3A #F6D38A

Clima: rústico, enraizado, de exteriores

Ideal para: banner publicitario de equipo de outdoor

Rústica y enraizada, recuerda capas de roca, correas de cuero y polvo en luz dorada. Va perfecta para anuncios de outdoor, landing pages y promociones de temporada que necesitan carácter sin ser muy oscuras. Combina con blanco nítido para bloques de texto y usa el tono ámbar para botones o etiquetas de descuento. Consejo: que los degradados sean sutiles para que los rojos arcilla no opaquen la foto del producto.

Ejemplo de imagen de arcilla de cañón generado con media.io

7) Arce Dorado

HEX: #4A2B1B #9E5528 #D8742C #F0B04B #FFE7C4

Clima: nostálgico, otoñal, edificante

Ideal para: encabezados de email estacionales y mosaicos promocionales

Nostálgica y otoñal, parece hojas de arce atrapadas en un cálido rayo de sol. La combinación hace una paleta marrón amarillo naranja muy confiable para emails otoñales, mosaicos y banners de tienda. Acompaña con fondo crema claro y usa el marrón más oscuro para títulos, para evitar contrastes apagados. Consejo: usa el naranja solo en pequeños destellos para que el diseño se vea aireado y premium.

Ejemplo de imagen de arce dorado generado con media.io

8) Azafrán Tostado

HEX: #402317 #7F3C1E #C85D24 #F2A83B #FBE6B0

Clima: picante, enérgico, apetitoso

Ideal para: pantallas UI de app de delivery de comida

Picante y enérgica, sugiere especias tostadas, puestos de calle y la emoción de la hora de la cena. Aprovecha los marrones oscuros para navegación y el azafrán naranja para acciones clave, así los clics son evidentes. El amarillo claro ayuda a que tarjetas y paneles luzcan amigables sin tornarse blancos puros. Consejo: verifica el contraste en etiquetas pequeñas y reserva el tono más brillante sólo para una llamada a la acción primaria por pantalla.

Ejemplo de imagen de azafrán tostado generado con media.io

9) Huerto de Calabazas

HEX: #532A1D #8D3F22 #D35C22 #F0A33A #FFE3A6

Clima: alegre, festivo, para toda la familia

Ideal para: flyer de festival otoñal infantil

Juguetón y festivo, evoca la imagen de calabazas alineadas en un puesto al borde de la carretera. Funciona para eventos familiares, folletos escolares y publicaciones comunitarias donde buscas calidez sin formalidad. Combínalo con tipografía gruesa y mucho espacio blanco para que el naranja brillante resalte con claridad. Consejo: utiliza el amarillo solo para iconos e insignias, no para bloques largos de texto.

Ejemplo de imagen de campo de calabazas generado usando media.io

10) Amber Dusk

HEX: #2B1A14 #6E3522 #B55022 #E28B2E #F2C57A

Clima: intenso, cinematográfico, refinado

Ideal para: diseño de extensión editorial para revista

Intenso y cinematográfico, se percibe como la luz de una lámpara sobre madera oscura al atardecer. Utilízalo en diseños editoriales, lookbooks y páginas destacadas que necesiten calidez sin perder sofisticación. Combínalo con márgenes blancos y utiliza el tono ámbar para citas destacadas o divisores de sección. Consejo: mantén el texto principal en un tono casi negro para preservar la legibilidad en fondos cálidos.

Ejemplo de imagen de "amber dusk" generado usando media.io

11) Caramel Orchard

HEX: #5B2F1C #A24B25 #D87B2B #F1C04E #FFF0CD

Clima: dulce, rústico, acogedor

Ideal para: set de etiquetas para productos de panadería

Dulce y rústico, recuerda a manzanas caramelizadas, bolsas de papel y mostradores acogedores. Es ideal para etiquetas de panadería, frascos de mermelada y sets de regalos de temporada en los que la calidez indica calidad casera. Combínalo con tipografía serif sencilla y deja que el color crema pálido contenga listas de ingredientes. Consejo: utiliza el marrón más oscuro para los logotipos de marca, así se mantienen nítidos sobre los naranjas cálidos.

Ejemplo de imagen de "caramel orchard" generado usando media.io

12) Bronze Sunbeam

HEX: #3A2418 #7B4021 #C15A24 #F0A52E #FFE29A

Clima: seguro, audaz, alto contraste

Ideal para: gráfico promocional y entrada de evento deportivo

Seguro y audaz, evoca medallas de bronce bajo el reflector de un estadio. Funciona bien para entradas, gráficos promocionales y publicaciones de avisos que requieren jerarquía instantánea. Combínalo con tipografía condensada fuerte y reserva el amarillo claro para separadores y pequeños detalles. Consejo: evita grandes bloques de naranja; utilízalo en franjas o insignias para una apariencia más llamativa.

Ejemplo de imagen de "bronze sunbeam" generado usando media.io

13) Autumn Plaid

HEX: #2E1D16 #6A3A27 #B85F2F #E6A33E #F7DCA6

Clima: tradicional, acogedor, texturado

Ideal para: diseño de patrones para empaques de ropa

Tradicional y acogedor, evoca mantas a cuadros y fines de semana en una cabaña. Úsalo para patrones, empaques de prendas y marcas de estilo de vida donde la textura es parte de la historia. Combínalo con líneas negras simples y una base crema cálida para mantener el patrón aireado. Consejo: reduce el tamaño de las franjas más oscuras para que el diseño siga siendo ligero y fácil de regalar.

Ejemplo de imagen de "autumn plaid" generado usando media.io

14) Sunbaked Adobe

HEX: #3B2016 #8A3E23 #C95B2A #EFA23A #F8D7A3

Clima: cálido, arquitectónico, terroso

Ideal para: sección principal de un sitio web de estudio de arquitectura

Cálido y arquitectónico, sugiere muros al sol, tejas de barro y luz brillante del desierto. Perfecto para sitios web de estudios, hero de portafolio y páginas de casos en las que se desea confianza sustentada. Combínalo con espacios en blanco generosos y separadores finos en tono arena claro para mantener un diseño moderno. Consejo: usa el naranja medio con moderación para estados hover y enlaces clave.

Ejemplo de imagen de "sunbaked adobe" generado usando media.io

15) Butterscotch Brick

HEX: #4A271A #944123 #D05C2A #F2B24B #FFF1C9

Clima: urbano, cálido, accesible

Ideal para: cartel de jornada de puertas abiertas de bienes raíces

Urbano y cálido, recuerda a fachadas de ladrillo iluminadas por ventanas al atardecer. Una de las combinaciones marrón-amarillo-naranja más sencillas para carteles inmobiliarios es emplear el marrón oscuro para el texto y el color butterscotch para los acentos. Combínalo con una tipografía sans serif limpia y mantén las imágenes en tonos cálidos para evitar choques. Consejo: utiliza la crema pálida detrás de los datos de dirección y fecha para facilitar su rápida lectura.

Ejemplo de imagen de "butterscotch brick" generado usando media.io

16) Copper Lantern

HEX: #241510 #5C2A1C #9F4A2B #E08A35 #F3C77C

Clima: íntimo, cálido, resplandor nocturno

Ideal para: menú de bebidas para bar de cócteles

Íntimo y brillante, evoca linternas de cobre y madera pulida en un bar tenue. Utilízalo para menús de bebidas, señalética de bar y promociones sociales donde el ambiente de noche cálida eleva la oferta. Combínalo con mucho espacio negativo y utiliza el ámbar como acento para cócteles destacados. Consejo: imprime en papel texturizado para que los tonos oscuros se vean ricos, no planos.

Ejemplo de imagen de "copper lantern" generado usando media.io

17) Rustic Citrus

HEX: #4D2B1F #A04A2A #E0702A #F2C04D #FFF3D9

Clima: cítrico, rústico, soleado

Ideal para: empaque y fotografía de jabón cítrico

Cítrico y rústico, sugiere aceites de piel de naranja sobre manos cálidas y encimeras de cocina iluminadas por el sol. Estos tonos funcionan especialmente bien para productos de baño, envases ecológicos y marcas artesanales. Combínalo con texturas kraft e ilustraciones botánicas sencillas para reforzar la sensación natural. Consejo: usa el amarillo brillante como un pequeño marcador de aroma para mantener la coherencia entre variantes.

Ejemplo de imagen de "rustic citrus" generado usando media.io

18) Wheat and Walnut

HEX: #2A1A12 #60402C #A46A37 #E0B24A #F5E6C6

Clima: tranquilo, natural, discreto

Ideal para: página de aterrizaje para marca de bienestar

Tranquilo y natural, evoca campos de trigo, cáscaras de nuez y luz suave de la mañana. Es ideal para páginas de aterrizaje de bienestar y temas de blog que requieren calidez sin un color de acento estridente. Combínalo con mucho espacio crema y divisores sutiles en tono beige claro. Consejo: mantén los botones en el tono nogal más oscuro para que sean legibles sobre fondos claros.

Ejemplo de imagen de "wheat and walnut" generado usando media.io

19) Campfire Glow

HEX: #1E120E #4A2619 #8F3C1E #E07B2D #F3B85F

Clima: audaz, cálido, aventurero

Ideal para: set de anuncios sociales para equipo de camping

Audaz y cálido, captura las chispas de una fogata y el resplandor sobre una tienda en la noche. Úsalo para anuncios sociales de actividades al aire libre, plantillas de historias y destacadas de productos cuando se requiera un contraste fuerte. Combínalo con negro o casi negro para fondos dramáticos y utiliza el naranja brillante para etiquetas de precio y botones. Consejo: mantén las imágenes en tonos cálidos para que la paleta se perciba intencional, no filtrada.

Ejemplo de imagen de "campfire glow" generado usando media.io

20) Vintage Bistro

HEX: #3B2218 #7E3F26 #B85A2C #E6A142 #F7E2B8

Clima: clásico, acogedor, ligeramente retro

Ideal para: logo y kit de marca para bistró

Clásico y acogedor, evoca el cartel de un pequeño bistró pintado a mano y envejecido al sol. Para una combinación coherente de marrón, amarillo y naranja, usa el marrón oscuro en el logotipo y el dorado para acentos secundarios. Combínalo con fondo crema apagado y formas simples de insignia para un estilo atemporal. Consejo: limita el naranja medio a un elemento de marca, como un sello o subrayado, para evitar ruido visual.

Ejemplo de imagen de "vintage bistro" generado usando media.io

21) Gilded Ember

HEX: #2A1610 #6B2F1C #B14824 #F09A36 #F8D08C

Clima: lujoso, cálido, dramático

Ideal para: diseño de empaque de vela premium

Lujoso y dramático, recuerda las brasas brillando y el oro captando la luz. Es perfecto para cajas premium de velas, sets de regalo y páginas de productos que quieren calidez con profundidad. Combínalo con tipografía negra mate y pequeños acentos dorados. Consejo: mantén el fondo claro y deja que el tono más oscuro enmarque el logotipo para un acabado de alta gama.

Ejemplo de imagen de "gilded ember" generado usando media.io

¿Qué colores combinan bien con marrón amarillo naranja?

Las cremas y los tonos blancos cálidos son la combinación más sencilla porque iluminan la paleta y crean espacios negativos limpios. Para la tipografía, el casi negro o marrón espresso generalmente resulta mejor que el negro puro, que puede percibirse demasiado duro sobre tonos cálidos.

Los complementos fríos pueden aportar contraste moderno: el azul petróleo apagado, azul marino intenso y azul polvoriento hacen que los acentos naranjas resalten sin que el diseño se vuelva neón. Para un look más suave, prueba verde salvia u oliva para mantener un aire botánico y equilibrado.

Si necesitas un acabado premium, añade pequeños detalles metálicos (beige dorado) y controla la saturación. La clave es mantener un amplio rango de claro a oscuro para que tus diseños UI e impresos sigan siendo legibles.

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

Empieza asignando roles: usa crema para el fondo, marrón oscuro para textos y divisores, naranja para acentos principales y amarillo como pequeño detalle para iconos o insignias. Así evitas que los tonos medios cálidos compitan por la atención.

Para branding y empaque, considera tratamientos texturizados—papel kraft, grano sutil o acabados mate—porque los marrones y terracotas lucen mejor con cue táctil. En diseños digitales, mantén grandes áreas claras y reserva el naranja saturado para llamadas a la acción.

Revisa siempre el contraste en tamaños pequeños (precios, etiquetas, navegación). Si el naranja va sobre amarillo, la legibilidad cae rápidamente—usa texto marrón oscuro o añade un contenedor crema detrás del texto.

Crea visuales con paleta marrón amarillo naranja usando IA

Si quieres previsualizar estas paletas en carteles, empaques o pantallas UI, generar maquetas rápidas te ayuda a validar contraste y ambiente antes de comprometerte con un sistema de diseño completo. También es una forma rápida de probar varias direcciones creativas para la misma campaña.

Con la herramienta de texto a imagen de Media.io, puedes pegar un prompt, especificar un layout (como “menú”, “banner” o “conjunto de etiquetas”) y guiar el resultado con tus colores HEX. Itera ajustando luz, textura y estilo tipográfico hasta que coincida con tu marca.

Una vez que encuentres una dirección que te guste, reutiliza la misma estructura de prompt en variantes (cabecera de email, anuncio social, etiqueta de producto) para mantener el look coherente.

Siguiente: Paleta de Colores Russet