Paletas de colores gris y marrón: 20 combinaciones con códigos Hex

Gris y granate es un clásico moderno: los neutros fríos mantienen los diseños limpios, mientras que la profundidad del rojo vino añade emoción, foco y carácter de marca.

A continuación encontrarás ideas de paletas de colores gris y granate con códigos HEX listos para usar, además de prompts de diseño reales que puedes ejecutar en Media.io para generar imágenes a juego.

Por Qué Funcionan Tan Bien las Paletas Gris y Granate

El gris aporta estructura, equilibrio y legibilidad, lo que lo convierte en una base confiable para fondos, tipografía y superficies de UI. El granate agrega contraste y sofisticación sin la crudeza de un rojo intenso.

Juntos, crean un aspecto "premium pero accesible" que funciona en branding, impresión y digital. Puedes dar un toque dramático con carbón y vino, o uno aireado con grises suaves y burdeos tenue.

Esta combinación también es fácil de escalar: mantén los grises dominantes para una sensación calmada y reserva el granate para puntos focales como titulares, botones, etiquetas y acentos principales.

Más de 20 Ideas de Paletas de Colores Gris y Granate (con Códigos HEX)

1) Viñedo Pizarra

HEX: #2f343a #6b7076 #7a1e2b #b07a7d #f2efe9

Ambiente: melancólico, refinado, editorial

Mejor para: lookbooks de moda, branding premium, diseños editoriales

La pizarra melancólica y los tonos vino profundo evocan el atardecer sobre un viñedo y un sillón de cuero envejecido. Usa el granate como titular o acento principal y deja que los grises lleven la estructura. Combina con blanco roto para mantener el diseño respirable y elegante. Consejo: reserva el tono rubor para pequeños detalles como citas destacadas o insignias.

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

Media.io

Media.io es un estudio IA online donde puedes crear y editar video, imagen y audio directamente en tu navegador.

Pruébalo Gratis Ahora

2) Merlot Brumoso

HEX: #d7d9dc #8a8f95 #5a1a24 #a45462 #f9f7f4

Ambiente: suave, romántico, calmado

Mejor para: papelería de boda, packaging de belleza, blogs de estilo de vida

Grises de niebla suaves con merlot y rosa evocan una mañana tranquila y una copa de vino en el brunch. Usa los neutros claros para fondos y reserva el vino oscuro para la tipografía y líneas finas. Combina con texturas de papel cálido o sutil grano para un toque táctil. Consejo: usa el rosa apagado como color unificador para iconos y divisores.

Ejemplo de imagen de merlot brumoso generado con media.io

3) Biblioteca Patrimonial

HEX: #3c3f43 #9ea1a6 #8b2333 #c9b6a6 #f7f1e6

Ambiente: clásico, académico, cálido

Mejor para: portadas de libros, museos, cafés boutique

Clásicos y literarios, estos tonos evocan estantes de caoba, papel envejecido y salas de lectura silenciosas. Una paleta gris granate como esta brilla en diseños tipográficos donde importa el contraste. Combina la crema tipo pergamino con fondos texturizados y deja el granate para títulos, sellos o blasones. Consejo: usa el tono beige como puente suave entre el gris frío y el vino intenso.

Ejemplo de imagen de biblioteca patrimonial generado con media.io

4) Concreto Palo de Rosa

HEX: #44474c #7d8288 #6a1d2a #d3a7a0 #e9e5df

Ambiente: urbano, sobrio, moderno

Mejor para: portafolios de arquitectura, moodboards de interiorismo, landing pages de producto

Grises sólidos y granate palo de rosa evocan muros de concreto templados por vetas de madera. Usa el rojo-marrón intenso para CTA clave o encabezados, mientras que los grises medios mantienen los diseños limpios y arquitectónicos. Combina con iconos negros mate para un acabado moderno y pulcro. Consejo: limita el tono rubor a uno o dos elementos para que parezca intencionado y no dulce.

Ejemplo de imagen de concreto palo de rosa generado con media.io

5) Vino Invernal

HEX: #1f2327 #5e646b #741b2d #c68a8d #f4f3f0

Ambiente: dramático, acogedor, premium

Mejor para: campañas navideñas, etiquetas de velas, eventos de lujo

Carbón oscuro y tonos de vino invernal evocan una noche acogedora, con cortinas de terciopelo y velas suaves. Usa el tono casi negro para fondos o secciones principales, y luego superpone el granate en los puntos de enfoque. Combina con blanco cálido para mantener el texto legible y elegante. Consejo: agrega el rosa empolvado solo como acento secundario en lazos, etiquetas o pequeñas ilustraciones.

Ejemplo de imagen de vino invernal generado con media.io

6) Bistró Moderno

HEX: #3a3d40 #b8babd #7e2030 #e2c2b0 #c7a24b

Ambiente: acogedor, elegante, enérgico

Mejor para: menús de restaurante, marcas de alimentos, promociones en redes sociales

Acogedora y con estilo, esta combinación recuerda un bistró moderno con metal cepillado, luz cálida y una carta de vinos audaz. El acento mostaza da chispa a las combinaciones gris granate, especialmente para precios, iconos y llamados destacados. Combina el rubor con fotografía de alimentos para suavizar el contraste y mantener el diseño accesible. Consejo: usa el mostaza en menos del 10% para que siga siendo acento y no protagonista.

Ejemplo de imagen de bistró moderno generado con media.io

7) Granate Empolvado

HEX: #50545a #a5a8ad #861d3a #d19aa2 #f0ebe5

Ambiente: suave, artístico, equilibrado

Mejor para: portafolios, impresiones artísticas, productos artesanales

Grises suaves junto a granate empolvado y rubor recuerdan lavados de acuarela y flores tenues. Usa el granate para anclas como botones o encabezados, dejando que los neutros claros ocupen el fondo. Combina con texturas de papel natural o patrones de pincel sutiles para un aire artesanal. Consejo: usa el texto principal en el gris oscuro para comodidad y legibilidad.

Ejemplo de imagen de granate empolvado generado con media.io

8) Ceniza y Ciruela

HEX: #2b2d31 #6f737a #5d1a2f #8f5a7a #e6d9df

Ambiente: misterioso, lujoso, creativo

Mejor para: carteles musicales, marcas boutique, promos de vida nocturna

Las misteriosas ceniza y ciruela evocan luces de camerino y satenes brillantes. Usa la ciruela como acento secundario cuando el granate resulte demasiado directo, especialmente en degradados o superposiciones. Combina con fondos en tono carbón para que la tipografía resalte sin contraste excesivo. Consejo: prueba un degradado sutil de ciruela a granate en títulos para añadir profundidad sin sobrecargar.

Ejemplo de imagen de ceniza y ciruela generado con media.io

9) Carbón y Arándano

HEX: #1d1f22 #4f545a #8a1f2e #d55b6a #f6f1ec

Ambiente: audaz, cinematográfico, seguro

Mejor para: marketing de apps, branding deportivo, cabeceras web llamativas

Carbón audaz y arándano evocan carteles de películas y el aire nítido de invierno. El esquema de gris y granate funciona mejor aquí cuando el arándano es un acento vibrante contra los neutros profundos. Combina con mucho espacio crema para evitar que la paleta pese demasiado. Consejo: usa arándano para estados hover e interacciones micro para dar una sensación premium.

Ejemplo de imagen de carbón y arándano generado usando media.io

10) Burgundy Nebuloso

HEX: #c6c8cc #7a7f86 #6c1a2a #b06a75 #f8f4ef

Ambiente: aireado, pulido, contemporáneo

Mejor para: marcas de bienestar, presentaciones minimalistas, temas de blogs

Grises aireados con burgundy y rosa apagado evocan niebla sobre piedra y una suave bufanda de cachemira. Utiliza el gris claro como fondo principal para mantener las páginas luminosas, y añade burgundy para estructura y énfasis. Combina con tipografía sans-serif limpia y amplios espacios para un aspecto moderno y tranquilo. Consejo: reserva el rosa para gráficos sutiles, etiquetas o botones secundarios.

Ejemplo de imagen de misty burgundy generado usando media.io

11) Velvet Boutique

HEX: #383a3f #8d9096 #7b1c2f #e0c7c5 #f5f0ea

Ambiente: elegante, suave, lujoso

Mejor para: logotipos boutique, empaques de joyería, UI de belleza

Las elegantes tonalidades velvet sugieren un probador boutique, iluminación suave y detalles refinados. La paleta gris y marrón burdeos se siente especialmente premium cuando el marrón se emplea en logotipos y el rubor se convierte en un fondo difuminado. Combínalo con líneas delgadas, letras mayúsculas pequeñas y ornamentación mínima para mantener el toque moderno. Consejo: efectos de foil o barniz local en elementos marrón elevan el aspecto al instante.

Ejemplo de imagen de velvet boutique generado usando media.io

12) Cabernet Industrial

HEX: #2a2c2f #61666d #7f2335 #c2b2b0 #f0e4d6

Ambiente: industrial, serio, seguro

Mejor para: estudios de casos de tecnología, sitios B2B, tableros de datos

Los grises industriales con cabernet evocan acero cepillado y un acento rojo seguro en maquinaria. Usa el gris más oscuro para navegación y el marrón para estados activos, así los usuarios siempre saben dónde mirar. Combínalo con fondos crema cálidos para lectura prolongada y menor brillo. Consejo: mantén la mayoría de los gráficos neutrales y reserva el marrón para una serie clave, evitando ruido visual.

Ejemplo de imagen de cabernet industrial generado usando media.io

13) Sangría Stonewall

HEX: #3e4045 #9a9ea4 #6f1f2d #b88b6a #f1ede6

Ambiente: terroso, maduro, acogedor

Mejor para: marcas de decoración del hogar, catálogos de muebles, productos artesanales

Grises piedra terrosos con sangría y tostado evocan paredes de piedra caliza, cerámica de barro y una mesa cálida de cocina. Usa el tostado para bloques de soporte y subtítulos, suavizando el contraste general. Combina con fotografía natural e iluminación cálida para mantener la paleta humana. Consejo: emplea sangría en etiquetas pequeñas y chips de categorías para una señal sutil y sofisticada.

Ejemplo de imagen de sangría stonewall generado usando media.io

14) Hogar Suave

HEX: #5b5e63 #cfd1d4 #7a2231 #f0d6d0 #2f6b6a

Ambiente: acogedor, moderno, invitante

Mejor para: moodboards de diseño interior, marcas acogedoras, promociones de temporada

Ambientes de hogar acogedor afloran con marrón cálido, rubor suave y un sorprendente acento azul verdoso. Esta combinación de gris y marrón se beneficia de usar azul verdoso como diminuto acento en iconos, costuras o ilustraciones pequeñas. Une el gris claro con mucho espacio negativo para un diseño calmado, de inspiración hygge. Consejo: reserva el marrón para los bloques de color más grandes y así evitar que el azul verdoso robe protagonismo.

Ejemplo de imagen de hogar suave generado usando media.io

15) Noche de Galería

HEX: #111214 #3f4247 #792033 #b089a0 #e8e0ea

Ambiente: dramático, artístico, sofisticado

Mejor para: carteles de galerías de arte, entradas para eventos, newsletters de lujo

Dramático y artístico, estos tonos evocan la inauguración de una galería tras el anochecer con marcos iluminados. Usa el casi negro para fondos audaces y permite que el marrón lleve los títulos y detalles clave. Combina con gris lavanda pálido para espacio y un toque contemporáneo. Consejo: prueba tipografía sobredimensionada en crema para mantener la composición legible desde lejos.

Ejemplo de imagen de noche de galería generado usando media.io

16) Lino y Claret

HEX: #e8e5df #9b9da1 #6b1d2e #b07c66 #f7f5f2

Ambiente: ligero, natural, sofisticado

Mejor para: marcas de skincare, empaques minimalistas, sitios web tranquilos

Neutros lino claros con claret y arcilla cálida evocan un estudio iluminado por el sol y textiles naturales. Usa claret con moderación en etiquetas y botones para un aspecto refinado pero no recargado. Combina con sombras sutiles y esquinas suaves para mantener los layouts delicados. Consejo: reserva la arcilla cálida para secciones secundarias y así la paleta permanece aireada.

Ejemplo de imagen de lino y claret generado usando media.io

17) Ladrillo Urbano y Humo

HEX: #303235 #777b82 #8a2432 #c66a4a #e5d7c9

Ambiente: áspero, cálido, urbano

Mejor para: tostadores de café, streetwear, estudios creativos

Grises humo ásperos con ladrillo y vino evocan callejones urbanos, neón cálido y carteles hechos a mano. Combinaciones de gris y marrón obtienen carácter extra aquí gracias al acento ladrillo, ideal para insignias y CTAs secundarios. Combina con tipografías condensadas audaces e iconografía simple para un acabado urbano. Consejo: utiliza la crema como buffer calmado entre bloques pesados de gris oscuro.

Ejemplo de imagen de ladrillo urbano y humo generado usando media.io

18) Minimal UI Marsala

HEX: #f7f7f8 #b0b3b8 #751d2f #2f3237 #d9b9bf

Ambiente: limpio, moderno, enfocado

Mejor para: kits de UI SaaS, tableros, flujos de onboarding

Neutros limpios con marsala y gris tinta transmiten enfoque, como un espacio de trabajo ordenado y una interfaz clara. Usa marsala para botones principales y resaltados de estado clave, manteniendo casi blancas las superficies. Combina con gris oscuro para texto y navegación, así la UI permanece accesible. Consejo: aplica el tinte blush a estados seleccionados o tarjetas para suavidad sin perder claridad.

Ejemplo de imagen de Minimal Marsala UI generado usando media.io

19) Cava Rústica

HEX: #2e2f2c #6a6a65 #6e1b2b #a8744f #efe7dc

Ambiente: rústico, cálido, de herencia

Mejor para: etiquetas de vino, marcas farm-to-table, empaques artesanales

Rústicos y cálidos, estos tonos evocan puerta de cava, barriles de roble y etiquetas manuscritas. Usa el marrón cálido como acento terroso para bordes y emblemas. Combina con papeles texturizados o ilustraciones grabadas vintage para resaltar la herencia. Consejo: reserva la crema clara para espacios negativos para mantener nítidos los detalles en la etiqueta.

Ejemplo de imagen de cava rústica generado usando media.io

20) Gris Mauve Nupcial

HEX: #f3eff2 #b9bcc1 #6c1c2a #c08b98 #4a4d52

Ambiente: romántico, suave, atemporal

Mejor para: marcas nupciales, invitaciones, portadas de álbumes fotográficos

Gris mauve romántico y suave se siente atemporal, como una cinta de seda y flores delicadas. Usa el marrón profundo para nombres, monogramas y líneas clave, mientras los tonos pálidos mantienen todo aireado. Combina con ilustraciones florales sutiles o bajo relieve para realzar la sensación premium. Consejo: reserva el gris más oscuro para detalles de pequeña impresión y el marrón para los momentos heroicos.

Ejemplo de imagen de gris mauve nupcial generado usando media.io

¿Qué Colores Combinan Bien con Gris y Granate?

Blancos cremosos y cálidos son los acompañantes más fáciles para marrón y gris, añadiendo ligereza sin perder el toque refinado de la paleta. Además, mejoran la legibilidad en layouts y pantallas UI con mucho texto.

Para colores de acento, blush apagado, rosa empolvado y tostado cálido mantienen todo suave y premium. Si quieres más impacto, prueba contraste controlado como oro mostaza o azul verdoso profundo usado con moderación.

Para mantener la armonía, elige acentos con saturación “apagada” similar para que marrón siga siendo el protagonista, en vez de competir con un compañero brillante y cromático.

Cómo Usar una Paleta de Colores Gris Granate en Diseños Reales

Comienza con una proporción neutral: deja que gris y blanco cálido manejen la mayoría de superficies (fondos, tarjetas, espacios), y asigna marrón a los elementos más importantes como encabezados, botones CTA, precios destacados o estados clave de UI.

Usa varios grises para crear jerarquía—gris oscuro para texto y navegación, gris medio para divisores y gris claro para paneles. Esto mantiene el diseño estructurado y el marrón actúa como acento seguro en vez de un relleno total.

Para impresión y branding, marrón funciona muy bien para sellos, monogramas y empaques premium, mientras los grises mantienen todo moderno y limpio. Añade textura (grano de papel, ruido sutil) para que los tonos apagados se sientan más ricos.

Crea Imágenes de Paletas Gris Granate con IA

Si ya tienes códigos HEX, puedes convertirlos en visuales para tu marca generando mockups como menús, kits UI, empaques, posters y moodboards. Esto ayuda a ver cómo el marrón se comporta como acento versus color principal.

En Media.io, pega o describe tu paleta, luego especifica el tipo de diseño, estilo tipográfico y layout (minimalista, editorial, vintage, etc.). Mantén claro el prompt sobre “diseño gráfico plano” versus “toma de estudio realista” según lo que necesites.

Cuando tengas algunos candidatos, itera ajustando una variable a la vez (brillo de fondo, saturación marrón o porcentaje de color de acento) para mantener el look consistente en todo el sistema de marca.

Siguiente: Paleta de colores verde turquesa