23 mejores combinaciones de colores amarillo y marrón con códigos hexadecimales

El amarillo y el granate es una combinación atemporal: un brillo cálido y optimista equilibrado por una profundidad rica como el vino. Es una forma sencilla de dar un aire premium, acogedor y seguro a los diseños sin recurrir a tonos neón de moda.

A continuación encontrarás más de 20 ideas de paletas de colores amarillo y granate con códigos HEX, además de consejos prácticos para UI, branding y diseño impreso, para que puedas aplicar el esquema con mejor contraste y jerarquía.

Por qué las paletas de amarillo y granate funcionan tan bien

El amarillo aporta energía, amabilidad y atención, mientras el granate agrega profundidad, herencia y sentido artesanal. Juntos crean un contraste cálido que se percibe como intencional y “diseñado”, no accidental.

Esta combinación también es versátil en diferentes medios. En UI digital, el amarillo es excelente como acento para acciones clave y resaltados de estado, mientras el granate puede usarse en navegación, encabezados y bloques de fondo sin verse plano.

Para impresión y empaques, los dorados cálidos y granates se sienten táctiles y lujosos—especialmente en papel texturizado o sin recubrimiento. Logras impacto sin la dureza de los colores primarios puros.

20+ Ideas de paletas amarillo granate (con códigos HEX)

1) Granate Dorado

HEX: #f2c94c #f7e6b5 #7a1f2b #a43a3f #2b1b1e

Estado de ánimo: radiante, clásico, seguro

Mejor para: branding premium y detalles en logotipo

Radiante y clásico, estos tonos recuerdan latón pulido sobre terciopelo granate. Usa el amarillo brillante como realce en marcas y botones, y deja que los granates lleven peso en encabezados y fondos. Combínalo con marfil cálido para dar aire y un casi negro para la tipografía. Consejo: limita el amarillo al 10–15% del diseño para que transmita lujo intencional, no ruido.

Ejemplo de imagen de granate dorado generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Bistró Otoñal

HEX: #eab308 #fff1c9 #6b1024 #b45309 #3a2a2a

Estado de ánimo: acogedor, rústico, invitante

Mejor para: diseño de menú de restaurante

Acogedor y rústico, evoca mesas a la luz de vela, vetas de madera y un toque de especia. Usa el granate para barras de sección y encabezados de menú, y el mostaza para precios o íconos. El crema mantiene la legibilidad en textos largos y el marrón oscuro fija la jerarquía. Consejo: imprime en papel sin recubrimiento para que los tonos cálidos resulten aún más apetitosos.

Ejemplo de imagen de bistró otoñal generado con media.io

3) Terciopelo Azafrán

HEX: #ffd166 #fff6dd #7b2235 #c2414a #4b3a3a

Estado de ánimo: romántico, cálido, elegante

Mejor para: set de invitaciones de boda

Romántico y cálido, se siente como seda de azafrán sobre cortinas de terciopelo. Para invitaciones elegantes, usa el granate como tinta principal y el amarillo como acento tipo sello de cera o borde fino. El papel color crema evita que la paleta se vuelva pesada. Consejo: añade relieve sutil para que los tonos oscuros se vean lujosos sin decoración extra.

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

4) Biblioteca de la Cosecha

HEX: #f4d35e #f8f1df #5c0f1e #8b2635 #2d2325

Estado de ánimo: erudito, sereno, clásico

Mejor para: diseño de portada de libro

Erudito y sereno, evoca papel antiguo, lomos de cuero y la luz de la tarde. Usa los granates para títulos y formas principales, el amarillo suave como fondo cálido. Para buena legibilidad, contrasta con el casi negro en miniaturas. Consejo: reserva el amarillo más brillante para una pequeña insignia o marca de serie para guiar la mirada.

Ejemplo de imagen de biblioteca de la cosecha generado con media.io

5) Merlot de Caléndula

HEX: #f6c453 #fff0c2 #6e0d25 #a61c3c #1f1a1c

Estado de ánimo: audaz, festivo, sofisticado

Mejor para: gráficos para campaña de fiestas

Audaz y festiva, se siente como guirnaldas de caléndula junto a una copa de merlot. Usa el granate para banners y tipografía, el amarillo para resaltar e indicar llamados. El crema claro apoya la ligereza del diseño cuando hay mucho texto. Consejo: en posts sociales, aumenta el contraste colocando texto amarillo solo sobre bloques de granate oscuro.

Ejemplo de imagen de merlot de caléndula generado con media.io

6) Mercado de Especias

HEX: #f0b429 #fef3c7 #7f1d1d #b91c1c #3f2d2d

Estado de ánimo: enérgico, terroso, vivo

Mejor para: empaque para marca de comida callejera

Enérgico y terroso, recuerda latas de especias, pimientos asados y puestos soleados. Usa los rojo-granate para tipografía enérgica y patrones; deja el amarillo para stickers llamativos o etiquetas de sabor. Crema mantiene el empaque amigable, no agresivo. Consejo: combina contornos gruesos en granate con rellenos amarillos para legibilidad a distancia.

Ejemplo de imagen de mercado de especias generado con media.io

7) Colegial Vintage

HEX: #f5cc5b #fff7df #65111f #8f2a2c #22303a

Estado de ánimo: nostálgico, deportivo, estructurado

Mejor para: gráficos para prendas varsity

Nostálgico y deportivo, recuerda las chaquetas varsity y carteles clásicos de campus. Usa el granate como base para escudos y tipografía; el dorado amarillo para contornos, números y detalles. El azul pizarra profundo da un toque moderno a los textos secundarios. Consejo: mantén formas gruesas y alto contraste para que el diseño funcione en bordado y serigrafía.

Ejemplo de imagen de colegial vintage generado con media.io

8) Viñedo Soleado

HEX: #f7c948 #fff2d9 #6a1b2d #9f1239 #2a1f23

Estado de ánimo: soleado, refinado, solvente

Mejor para: póster de evento de cata

Soleada y refinada, transmite la luz dorada al atardecer sobre viñedos y tonos vino en la sombra. Estas combinaciones amarillo-granate funcionan cuando el amarillo claro es el fondo y el granate el titular. Añade la base oscura para logos de patrocinadores y letras pequeñas para asegurar legibilidad. Consejo: limita imágenes extra y permite que la tipografía y un sencillo motivo de uva cuenten la historia.

Ejemplo de imagen de viñedo soleado generado con media.io

9) Minimal Mostaza y Caoba

HEX: #d4a017 #f9f4e6 #5a0f1b #7c2d12 #111111

Estado de ánimo: minimalista, serio, moderno

Mejor para: interfaz de portafolio web

Minimalista y serio, se lee como tinta mostaza sobre caoba con un borde de estudio nítido. Usa el marrón oscuro para la navegación y los textos principales, luego añade mostaza con moderación para los estados activos y enlaces. El fondo blanco roto mantiene la interfaz tranquila y editorial. Consejo: aplica el amarillo solo en la acción más importante para que la interfaz se sienta premium, no lúdica.

Ejemplo de imagen de mostaza-caoba minimalista generada usando media.io

10) Latón Art Decó

HEX: #f1c232 #fff3d6 #701a2c #b8324a #2f2026

Estado de ánimo: glamuroso, geométrico, dramático

Mejor para: identidad de marca para bar de cócteles

Glamuroso y dramático, evoca accesorios de latón, geometría marcada y lounges con ambiente. Una paleta de color amarillo-burdeos brilla cuando el marrón es el fondo y el amarillo actúa como líneas metálicas. Añade crema para espacio negativo en menús y posavasos para que el diseño siga limpio. Consejo: usa reglas delgadas y patrones simétricos para darle el aire Art Decó sin saturar.

Ejemplo de imagen de latón art decó generada usando media.io

11) Franela Acogedora de Cabaña

HEX: #f2c14e #fff0d1 #7a1021 #a23b2a #2b2b2b

Estado de ánimo: cálido, campestre, familiar

Mejor para: plantillas de redes sociales de temporada

Cálido y campestre, evoca mantas de cabaña, sidra caliente y luz de fuego. Usa bloques burdeos para recubrir texto y amarillo como pestaña o adhesivo cálido en una esquina. La crema mantiene flexible la plantilla para fotos y el carbón apoya los pies de foto pequeños. Consejo: crea un patrón de franela simple en el fondo con baja opacidad para dar textura sin robar atención.

Ejemplo de imagen de franela acogedora de cabaña generada usando media.io

12) Ocre del Desierto y Vino

HEX: #e9b949 #fef3e2 #6d1424 #8c3b2a #3b2f2f

Estado de ánimo: soleado, terroso, relajado

Mejor para: gráficos principales para blog de viajes

Soleado y relajado, evoca arena desértica calentada por tonos vino al anochecer. Deja que la crema pálida ocupe grandes áreas y añade ocre como degradado o barra resaltada tras titulares. El burdeos aporta profundidad en botones y etiquetas. Consejo: combina con iconos de líneas simples y mucho espacio en blanco para que el principal sea limpio y legible.

Ejemplo de imagen de ocre del desierto y vino generada usando media.io

13) Farolillos de Festival

HEX: #ffcc33 #fff2cc #800020 #b22222 #2a1a1a

Estado de ánimo: festivo, brillante, vibrante

Mejor para: diseño de entradas y pulseras para eventos

Festivo y vibrante, evoca farolillos encendidos y multitudes nocturnas. Esta paleta amarillo-burdeos funciona bien en entradas porque el contraste permanece fuerte en poca luz. Usa el burdeos para códigos de barra e info clave, reservando el amarillo intenso para secciones y marcadores VIP. Consejo: haz una prueba con impresión pequeña para que los tonos oscuros no se borren en papel mate.

Ejemplo de imagen de farolillos de festival generada usando media.io

14) Restaurante Retro

HEX: #f6d55c #fff7e8 #7d1128 #c44536 #2e2a2a

Estado de ánimo: divertido, retro, audaz

Mejor para: logotipo y señalización para food truck

Divertido y retro, recuerda a los sillones de cafetería, letreros pintados a mano y bombillas cálidas. Usa burdeos en la marca para dar un golpe visual inmediato y luego el amarillo brillante para contornos y formas de estrella. La crema hace que la paleta se vea amigable y no pesada. Consejo: mantiene las curvas gruesas y simples para que el logo se lea fácil en un camión en movimiento.

Ejemplo de imagen de restaurante retro generada usando media.io

15) Ámbar Botánico

HEX: #f4c542 #fff6db #6b0f1a #2f6f55 #2b2b2b

Estado de ánimo: natural, cálido, equilibrado

Mejor para: impresiones botánicas ilustradas

Natural y cálido, evoca hojas prensadas iluminadas por luz ámbar. Usa el verde como puente calmante entre el dorado y el burdeos intenso. La crema funciona como tono papel para láminas, mientras el carbón apoya pies de foto y etiquetas. Consejo: reserva el burdeos para tallos y sombras para anclar la composición.

Ejemplo de imagen de ámbar botánico generada usando media.io

16) Interfaz Patrimonio Moderno

HEX: #f3c623 #faf5e6 #6c1324 #9a2f3f #1a1a1a

Estado de ánimo: confiable, moderno, cálido

Mejor para: interfaz de panel para app financiera

Confiable y moderno, mezcla la calidez de lo patrimonial con el contraste limpio de una interfaz. Prueba el burdeos como navegación principal y encabezados de tarjetas; utiliza el amarillo en alertas, progresos y métricas clave. El blanco roto reduce el deslumbramiento en sesiones prolongadas. Consejo: usa el neutral más oscuro para texto e iconos y mantener la accesibilidad en paneles claros.

Ejemplo de imagen de interfaz patrimonio moderno generada usando media.io

17) Brindis Rústico de Boda

HEX: #f5c451 #fff3dd #7c1d2d #a35a3a #3c2f2f

Estado de ánimo: tierno, rústico, festivo

Mejor para: señalización y tarjetas para bodas

Tierno y rústico, sugiere brindis de viñedo y resplandor suave de velas. Usa la crema como tono base de las tarjetas e imprime los nombres en burdeos para un toque clásico. Añade el amarillo en pequeños iconos, bordes o números de mesa para más calidez. Consejo: elige papel ligeramente texturizado para que la paleta se sienta artesanal y no brillante.

Ejemplo de imagen de brindis rústico de boda generada usando media.io

18) Etiqueta de Museo

HEX: #f2bf3c #fbf2df #5b0a1a #8a2c2c #1f2328

Estado de ánimo: silencioso, curado, autoritativo

Mejor para: sistema de etiquetas de exposición

Silenciosa y curada, evoca paredes de galería bajo luces cálidas. Usa blanco roto para la base de las etiquetas y el burdeos para títulos, fechas y jerarquía. Añade amarillo solo en marcadores o iconos de sección para facilitar el escaneo a los visitantes. Consejo: mantén líneas delgadas y espaciado generoso para un aire de museo.

Ejemplo de imagen de etiqueta de museo generada usando media.io

19) Branding Deportivo Cálido

HEX: #f7b733 #fff1cc #7a0019 #b22222 #0f172a

Estado de ánimo: competitivo, audaz, enérgico

Mejor para: kit de marca y banners para equipo

Competitivo y audaz, recuerda a focos de estadio sobre una camiseta burdeos. Estas combinaciones de amarillo y burdeos son impactantes en banners, donde necesitas fuerza a distancia. Usa amarillo para números y llamados a la acción; reserva el burdeos para grandes áreas o patrones. Consejo: añade azul marino solo para acentos de contraste o sombras, así los tonos principales siguen dominantes.

Ejemplo de imagen de branding deportivo cálido generada usando media.io

20) Resplandor Burdeos del Anochecer

HEX: #f9d65c #fff5dc #4a0b1b #7a2031 #101014

Estado de ánimo: melancólico, cinematográfico, sofisticado

Mejor para: anuncio de producto para fragancia

Melancólico y cinematográfico, evoca un resplandor dorado fundiéndose en burdeos al caer la noche. Utiliza los tonos más oscuros para el fondo y la silueta del frasco, y deja que el amarillo aparezca como luz de borde suave o pequeño resaltado. La crema mantiene el texto legible sin romper la atmósfera. Consejo: usa degradados suaves en lugar de bloques planos para que el anuncio luzca premium y fotográfico.

Ejemplo de imagen de resplandor burdeos del anochecer generada usando media.io

21) Prensa del Atardecer

HEX: #f6be3b #fff0d8 #72162a #a93c4d #2c2a2a

Estado de ánimo: editorial, cálido, pulido

Mejor para: diseño de nota destacada para revista

Editorial y pulido, evoca un despliegue teñido de atardecer sobre papel cremoso. Usa el burdeos para citas destacadas y encabezados de sección, mientras el amarillo resalta puntuaciones clave. Mantén el texto principal sobre fondo claro para mayor legibilidad. Consejo: alinea los acentos a la cuadrícula para que la calidez luzca intencional y de alta gama.

Ejemplo de imagen de prensa del atardecer generada usando media.io

22) Cereza Dorada

HEX: #ffcf4a #fff4de #7b0f2a #c1124a #241a1d

Estado de ánimo: lujoso, vibrante, seguro

Mejor para: empaque para cosméticos

Lujoso y vibrante, evoca lámina dorada combinada con laca color cereza. Combinaciones amarillo-burdeos como esta son ideales para cosméticos donde se busca glamour sin neón. Utiliza burdeos en el envase y la tipografía, luego añade amarillo como estampado metálico o borde fino. Consejo: deja el rojo más brillante solo como acento para que el diseño sea coherente.

Ejemplo de imagen de cereza dorada generada usando media.io

23) Caberné Cítrico

HEX: #f4c430 #fff2c6 #6f1028 #9c2a3c #332528

Estado de ánimo: vibrante, rico, alegre

Mejor para: plantilla de boletín por e-mail

Vibrante y rica, equilibra el brillo cítrico con la profundidad del cabernet. Usa los tonos claros como el lienzo del correo electrónico, luego coloca el burdeos en encabezados y divisores para estructurar el contenido. El amarillo funciona bien para botones y pequeñas insignias, especialmente en bloques promocionales cortos. Consejo: mantén el texto de los botones oscuro para facilitar la lectura y evita usar amarillo en secciones largas de texto.

Ejemplo de imagen de cabernet cítrico generado usando media.io

¿Qué colores combinan con el amarillo y granate?

Los neutros suaves son la combinación más sencilla: marfil, crema, beige cálido y blanco roto mantienen la paleta ligera y hacen que la tipografía burdeos se sienta refinada en lugar de pesada. También son ideales para lectura de formato largo y etiquetas de empaque.

Tonos oscuros profundos como carbón, casi negro, marrón espresso y azul marino aportan estructura y accesibilidad. Ayudan a que el texto pequeño, los iconos y los contornos se mantengan nítidos cuando se usa el amarillo como destaque.

Para mayor variedad, agrega un verde apagado (salvia/bosque) para unir el amarillo cálido y el rojo burdeos, o un rosa empolvado/terracota para una variante más suave y romántica.

Cómo usar una paleta amarillo granate en diseños reales

Comienza definiendo los roles: el burdeos funciona bien como color principal de la marca para encabezados, navegación y bloques destacados, mientras que el amarillo es más efectivo como acento en CTA, insignias y métricas clave. Esto mantiene el enfoque y evita la saturación de tonos cálidos.

Prioriza el contraste y la legibilidad. Evita colocar texto amarillo pequeño sobre fondos claros; en su lugar, pon amarillo sobre el burdeos/charcoal más oscuro, o usa amarillo como fondo resaltado detrás de texto oscuro.

En impresión, realiza pruebas porque los burdeos pueden oscurecerse en papel mate y los detalles pequeños pueden perderse. Si usas amarillo como "oro", considera un efecto de estampado/foil o degradados sutiles para imitar profundidad metálica.

Crea visuales de paletas amarillo granate con IA

Si ya tienes los códigos HEX pero necesitas elementos visuales acordes a la marca (pósters, maquetas de empaque, pantallas UI o plantillas para redes sociales), generar ejemplos con IA puede acelerar la exploración. Puedes probar rápidamente cuánto amarillo usar y cómo funciona el burdeos como fondo.

Usa tu paleta como referencia de "dominante" y "acento" en el prompt, luego itera en iluminación, textura y estilo de disposición (minimalista, rústico, deco, editorial). Guarda las mejores versiones del prompt para mantener la coherencia en tus campañas.

Siguiente: Paleta de Colores Escandinavos