Paletas de colores gris y beige: códigos hex y consejos

Una paleta de colores gris topo (a menudo llamada “greige”) combina la calidez de la arena con la frescura de la piedra, creando un aspecto neutro que se percibe moderno, calmado y fácil de habitar.

Ya sea que estés decorando un interior, construyendo una identidad de marca o diseñando una interfaz, los tonos gris topo te brindan flexibilidad: lo suficientemente suaves para fondos, pero también con la estructura necesaria para ofrecer un contraste legible.

Por Qué las Paletas Gris Topo Funcionan tan Bien

El gris topo se ubica en el punto justo entre un beige cálido y un gris frío, adaptándose a diferentes luces y materiales sin volverse demasiado amarillo ni demasiado frío. Ese equilibrio lo convierte en un “neutro base” confiable tanto para interiores como para diseño digital.

Debido a que estos tonos son naturalmente de baja saturación, ayudan a que el contenido se perciba más calmado y sofisticado. Las fotos se ven coherentes, la tipografía se mantiene legible y los acentos (como marino, verde o miel) pueden destacar sin desentonar.

El gris topo, además, escala maravillosamente: puedes usar blancos apenas rotos para fondos amplios, tonos medios de greige para superficies y tarjetas, y grises oscuros para jerarquía y estructura—todo dentro de la misma familia cromática.

Más de 20 Ideas de Paletas Gris Topo (con Códigos HEX)

1) Lienzo de Piedra

HEX: #D8D1C8 #B9B1A8 #8C8782 #5A5E60 #F2EFEA

Estado de ánimo: calmado, aireado, con base

Ideal para: salones modernos e interiores de planta abierta

Calmados y ligeros como piedra caliza iluminada por el sol y suaves tejidos, estos tonos consiguen una atmósfera inmediatamente acogedora. Usa el crema claro como base o pared, y superpone el greige medio en los muebles de mayor tamaño para una base tranquila. El carbón añade estructura en acabados metálicos, marcos o una alfombra protagonista, mientras los tonos taupé cálidos mantienen todo acogedor. Consejo: repite el tono más oscuro en dos puntos pequeños (por ejemplo, lámpara y herrajes) para evitar un bloque de contraste pesado.

Ejemplo de imagen de lienzo de piedra generado usando media.io

Media.io

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

Pruébalo Gratis Ahora

2) Niebla del Desierto

HEX: #E6D6C4 #C9B59C #A7A09A #6E6A67 #FFF6EC

Estado de ánimo: cálido, brumoso, sereno

Ideal para: baños tipo spa y branding de bienestar

Cálida y brumosa como las dunas al amanecer, esta mezcla resulta reconfortante sin tornarse amarilla. Combina los neutros arenosos con texturas de piedra mate y níquel cepillado para un estilo moderno de spa. El gris profundo realza espejos, tipografías o una sola franja de acento. Consejo: usa los tonos más oscuros para juntas, bordes y cuerpo de texto, así el destaque cremoso se mantiene limpio y sereno.

Ejemplo de imagen de niebla del desierto generado usando media.io

3) Lino y Grafito

HEX: #F4F0E8 #D3C7B8 #A59C92 #4E4F53 #1F2328

Estado de ánimo: pulido, nítido, moderno

Ideal para: sitios web premium y maquetaciones editoriales

Pulido y nítido como lino planchado junto a un boceto en lápiz, este conjunto resulta refinado y contemporáneo. Funciona muy bien como esquema de color gris topo para páginas que necesitan mucho espacio en blanco pero sin perder calidez. Usa los dos tonos más oscuros para navegación, títulos y divisores, y deja que los neutros medios suavicen bloques grandes. Consejo: reserva el casi negro para un solo elemento por pantalla (como los botones) para que la jerarquía quede clara.

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

4) Latte de Guijarros

HEX: #E2D8CE #CBBDAF #B0A296 #857A72 #3C3A39

Estado de ánimo: acogedor, suave, tipo cafetería

Ideal para: cafeterías y diseño de menús

Acogedor y suave como un latte sobre un posavasos de piedra, estos neutros resultan cercanos y cálidos. Utiliza los tonos más claros para fondos y papelería, y los taupes más profundos para tipografía y encabezados de sección. El tono espresso oscuro es ideal para logotipos y destacar precios sin verse severo. Consejo: añade textura (papel kraft, impresión salpicada o grano) para que la paleta se vea más rica sin sumar colores.

Ejemplo de imagen de latte de guijarros generado usando media.io

5) Estudio de Arcilla

HEX: #E7D8CF #C7AA9A #A58F84 #7A7C78 #B45A3C

Estado de ánimo: artesanal, terrenal, creativo

Ideal para: marcas cerámicas y empaques de productos artesanales

Artesanal y terrenal como arcilla húmeda secándose en una estantería de estudio, esta mezcla combina neutros cálidos con un destello de terracota cocida. Usa el beige sonrosado como principal en cajas o etiquetas y el rojo arcilla como sello, franja o icono destacado. El gris frío evita que se vea rústico y combina bien con tinta negra o texturas estampadas. Consejo: imprime el acento en papel sin revestimiento para un acabado auténtico hecho a mano.

Ejemplo de imagen de estudio de arcilla generado usando media.io

6) UI Minimalista Cálido

HEX: #F6F1EA #D8C8B6 #B3A89D #6C6A67 #2C2D30

Estado de ánimo: minimalista, amigable, pulido

Ideal para: interfaces de paneles y apps de productividad

Minimalista y amigable como un escritorio limpio con luz cálida, estos neutros aportan calma a las interfaces. Una paleta gris topo así es ideal para herramientas de productividad, ya que reduce el deslumbramiento pero mantiene el contraste legible. Utiliza el casi negro para acciones principales y el greige medio para texto secundario, bordes y chips. Consejo: añade un solo sistema de estatus en color (verde, ámbar, rojo) y que todo lo demás permanezca neutro para más coherencia.

Ejemplo de imagen de UI minimalista cálido generado usando media.io

7) Editorial Arenisca

HEX: #EFE6DD #D6C3B0 #B29F8E #7A7570 #2B2B2C

Estado de ánimo: elegante, maduro, narrativo

Ideal para: maquetación de revistas y lookbooks

Elegante y con carácter narrativo como arenisca envejecida en una galería, esta paleta es atemporal en la página. Los tonos crema claros mantienen las fotos brillantes y los tonos medios cálidos dan vida a pies de foto y citas. Usa los tonos oscuros para texto principal y líneas de la retícula para mantener un ritmo editorial premium. Consejo: mantén los márgenes generosos para que los tonos más cálidos se vean intencionados y no apagados.

Ejemplo de imagen de editorial arenisca generado usando media.io

8) Botánica Topo

HEX: #EDE3D8 #C8B5A7 #9E9188 #5E6A62 #2F3A35

Estado de ánimo: botánico, calmado, natural

Ideal para: etiquetas de bienestar e ilustraciones botánicas

Botánico y calmado como pastos secos sobre una libreta de lino, estos tonos resultan orgánicos y equilibrados. Los verdes apagados introducen un mensaje natural sin sobrecargar los neutros cálidos. Combínalo con tipografía con serifas, ilustraciones lineales y papel texturizado para un aire de botica. Consejo: usa el verde más oscuro para listas de ingredientes y aumentar la legibilidad en paquetes claros.

Ejemplo de imagen de botánica topo generado usando media.io

9) Branding Madera a la Deriva

HEX: #F0E7DE #D0BFAE #A9A39B #6B645F #1C3A5A

Estado de ánimo: costero, confiable, refinado

Ideal para: sistemas de identidad de marca y papelería corporativa

Costero y confiable como madera a la deriva junto a aguas profundas, esta mezcla equilibra la calidez con un azul ancla seguro. Es una de esas combinaciones que puede verse cercana y profesional en un sistema de marca. Deja que los neutros dominen para la papelería y usa el azul marino para logotipos, enlaces y elementos clave. Consejo: establece reglas estrictas para el azul y así mantenerlo especial en lugar de hacer una estética demasiado marina.

Ejemplo de imagen del branding de madera flotante generado usando media.io

10) Duna urbana

HEX:#E3DBD1#C5B7A9#9A9189#5D6164#2E3236

Estado de ánimo:Urbano, equilibrado, discreto

Ideal para:Presentaciones arquitectónicas y pitch decks

Urbanos y discretos como el hormigón calentado por el sol de la tarde, estos tonos se sienten compuestos y profesionales. Los neutros medios funcionan bien para diagramas, tablas y fondos de diapositivas que no deberían luchar contra su contenido. Agregue los grises más profundos para los títulos y las métricas clave para mantener el contraste nítido. Consejo: introduce un color brillante solo para llamadas a la acción para que la cubierta permanezca limpia.

Ejemplo de imagen de una duna urbana generada usando media.io

11) Niebla de Mocha

HEX:#EFE2D7#CDB4A4#A48D84#6A5D57#3A2F2B

Estado de ánimo:Rico, acogedor, íntimo

Ideal para:Dormitorios, cafeterías y estilo de vida Fotografía Estilo

Rica y acogedora como el vapor de cacao bajo la suave luz de la mañana, esta paleta se inclina cálido sin volverse pesada. Utilice el beige cremoso para ropa de cama o superficies de fondo, luego agregue tonos de moka en lanzamientos, madera y cerámica. El marrón oscuro es perfecto para acentos de cuero y tipo fino que necesita sentirse clásico. Consejo: Mezcle acabados mate y satinado para evitar que los tonos más oscuros aplanen la escena.

Ejemplo de imagen de mocha mist generado usando media.io

12) Eucalipto neutro

HEX:#F3EEE7#D1C2B1#A7A097#6F7C73#334039

Estado de ánimo:Fresco, silenciado, restaurador

Ideal para:Anuncios de cuidado de la piel natural y páginas de productos ecológicos

Frescos y restauradores como ramas de eucalipto sobre papel cálido, estos tonos se sienten limpios y a tierra. Las verduras suavizadas añaden una suave señal de salud mientras que los bronceados mantienen el aspecto accesible. Combinar con fotografía mínima, texturas recicladas y mucho espacio para respirar. Consejo: Utilice el verde más oscuro para los botones y asegúrese de que el contraste permanezca accesible en la base de luz.

Ejemplo de imagen de eucalyptus neutral generado usando media.io

13) Concreto y miel

HEX:#E8E2DA#C7C1B9#9A9793#5B5E62#D4A24A

Estado de ánimo:industrial, brillante, optimista

Ideal para:Marca de startup y diseño de llamada a la acción

Industrial pero optimista como la luz del sol sobre el hormigón, este conjunto obtiene su energía de un acento de miel. Entre las combinaciones de color gris bronceado, el tono dorado es una opción fuerte para los highlights porque se lee cálido y moderno en lugar de fuerte. Mantenga los neutros para los fondos y las superficies de la interfaz de usuario, luego use honey para insignias, iconos o un botón principal. Consejo: Limite el acento a aproximadamente el 10 por ciento del diseño para mantenerlo fuerte.

Ejemplo de imagen de concrete & honey generado usando media.io

14) Rancho polvoriento

HEX:#F2E6DA#D0B39E#B0927F#6A615A#7A3E2E

Estado de ánimo:Rústico, cocido al sol, acogedor

Ideal para:Eventos de inspiración occidental e invitaciones rústicas

Rústicos y cocidos al sol como un tranquilo camino de rancho, estos tonos aportan calidez con un borde tierra y tierra. El color marrón terracota funciona bien para monogramas y detalles de borde, mientras que los bronceados más claros mantienen el diseño transpirable. Combine con efectos de papel texturizado, iconos de líneas simples y un serif clásico. Consejo: Evite la tinta negra pura aquí; El color gris-marrón profundo se siente más auténtico y más suave de leer.

Ejemplo de imagen de dusty ranch generado usando media.io

15) gamuza de invierno

HEX:#F7F5F2#D9D0C7#B7AEA6#7B7672#404244

Estado de ánimo:Lujo fresco, suave y tranquilo

Ideal para:lookbooks de moda y comercio electrónico mínimo

Fresca y suave como la gamuza en la luz de invierno, esta paleta se siente cara y restringida. Utilice los tonos pálidos para las páginas de los productos para que los materiales y las siluetas se destacen de forma natural. Los grises medios son ideales para seleccionadores de tamaño y contornos de interfaz de usuario sutiles, mientras que la pizarra oscura hace que la tipografía sea nítida sin parecer nítida. Consejo: Utilice imágenes grandes y de alta resolución y mantenga el espacio generoso para que coincida con el ambiente tranquilo y lujoso.

Ejemplo de imagen de gamuza de invierno generado usando media.io

16) Acento de arena de cobre

HEX:#F1E3D6#D4C0AE#AFA197#7A6C62#C36A3A

Estado de ánimo:Cálido, luminoso, artesanal

Ideal para:Anuncios de decoración para el hogar y promociones de temporada

Cálida y luminosa como el cobre capturando la puesta de sol sobre la arena, esta mezcla se siente acogedora y hecha a mano. El acento de cobre funciona mejor en pequeños golpes intencionales como sellos, encabezados o líneas decorativas. Combine con materiales naturales como roble, ratán y metales cepillados para amplificar el brillo. Consejo: Mantenga las sombras suaves y evite la alta saturación en otros lugares para que el cobre permanezca el héroe.

Ejemplo de imagen de acento de arena de cobre generado usando media.io

17) Galería Greige

HEX:#F5F3EF#D6CEC4#B2AAA0#7A746E#2A2B2E

Estado de ánimo:Limpio, curado, como una galería

Ideal para:Sitios web de portfolio y estudios creativos

Limpio y curado como una pared de galería tranquila, estos neutros dan espacio de trabajo para respirar. Una paleta de color gris tan como esta sobresale cuando desea que las imágenes se sientan consistentes en una cartera, incluso con iluminación mixta. Utilice el tono más oscuro para la navegación y los subtítulos, y mantenga los fondos en los blancos más suaves para un look premium. Consejo: Agregue un borde gris cálido sutil alrededor de las imágenes para unificar las miniaturas sin marcos pesados.

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

18) Tiza de cacao

HEX:#F0ECE6#CFC2B7#A58F86#6D5B54#4A3E3A

Estado de ánimo:vintage, Académico, Cálido

Ideal para:Cubiertas de libros y juegos de papelería

Vintage y académico como polvo de tiza en un tablero marrón cacao, estos tonos se sienten reflexivos y táctiles. Brillan en artículos de papel, revistas y diseños de portada donde la textura importa tanto como el color. Utilice los tonos claros para el fondo y los márgenes, y luego construya una jerarquía con los marrones más oscuros para los títulos y adornos. Sugerencia: Agregue manchas sutiles o relieve para que los tonos medios no se mezclen en la impresión.

Ejemplo de imagen de tiza de cacao generada usando media.io

19) Taupe junto al mar

HEX:#E9E2DA#C8BEB4#A39B94#6B7A86#24313A

Estado de ánimo:Aragado, tranquilo, costero moderno

Ideal para:branding de viajes y páginas de destino airy

Ventosa y silenciosa como la niebla que rodea sobre una costa tranquila, esta paleta mezcla neutros cálidos con pizarra marina fresca. Los azules están lo suficientemente silenciados como para mantenerse sofisticados, lo que los hace perfectos para enlaces, iconos y degradados sutiles. Mantenga los bronceados como su lienzo principal y deje que los tonos frescos proporcionen profundidad en los encabezados y pies de página. Consejo: Utilice una tipografía grande y iconos de líneas suaves para que coincidan con el ritmo costero y aireado.

Ejemplo de imagen de seaside taupe generado usando media.io

20) Hearthstone acogedor

HEX:#F3E8DD#D3BFAF#B39A8C#7C6B61#4B3A33

Estado de ánimo:Acogedor, nostálgico, con base en tierra

Ideal para:Interiores de cocina y confort-Embalaje de alimentos

Acogedores y nostálgicos como un hogar en una cabaña de piedra, estos tonos se sienten reconfortante y familiar. Utilice el bronceado cremoso para paredes o fondos de etiquetas, luego traiga marrones más profundos para la tipografía y los detalles ilustrados. Los tonos medios se adaptan a gabinetes de madera, papel kraft y fibras naturales sin sentirse demasiado rústico. Consejo: Agregue un pequeño espacio blanco alrededor de los logotipos para que los elementos más oscuros no abarroten el diseño.

Ejemplo de imagen de hearthstone cozy generado usando media.io

¿Qué Colores Combina Bien con el Gris Topo?

Gray tan se combina naturalmente con blancos suaves, carbón y tonos de madera cálidos, lo que mantiene el aspecto general cohesivo y a tierra. Estas combinaciones son ideales cuando desea un esquema de colores neutro que aún se sienta en capas y intencional.

Para los acentos, los azules silenciados (azul marino, pizarra, mezclilla polvorienta) añaden un contraste confiable, mientras que los verdes botánicos (eucalipto, oliva, bosque profundo) aportan un toque calmado y natural. Si quieres más energía, pequeños toques de miel o terracota pueden calentar la paleta sin abrumarla.

En el trabajo digital, elija un color de acento y mantenga la mayoría de las superficies de la interfaz de usuario dentro del rango greige para reducir el ruido visual. Esto hace que los botones, enlaces y colores de estado sean más fáciles de reconocer de un vistazo.

Cómo Usar una Paleta Gris Topo en Diseños Reales

Comience con una base clara (blanco o crema) para las áreas más grandes, luego agregue un gris medio para superficies secundarias como tarjetas, tapicería de muebles o paneles de fondo. Esto crea profundidad sin introducir nuevos tonos.

Utilice el tono más oscuro estratégicamente para la estructura: encabezados, métricas clave, barras de navegación, hardware o marcos. Repetir ese tono oscuro en un par de lugares pequeños ayuda a equilibrar la composición y evita un solo "bloque de contraste" pesado.

Para que el bronceado gris no se sienta plano, varía la textura y el acabado: pintura mate, lino, piedra, metal cepillado o grano sutil. Obtendrás riqueza mientras te quedas dentro de una paleta mínima y moderna.

Crea Visuales de Paletas Gris Topo con IA

Si estás presentando un concepto, ayuda a mostrar tonos de color gris en el contexto: habitaciones, fotos de productos, pantallas de interfaz de usuario o maquetas de marca. Los ejemplos visuales hacen que las partes interesadas sientan el estado de ánimo de inmediato.

Con Media.io Text to Image, puedes generar escenas de estilo (como interiores acogedores, diseños editoriales o renderizaciones de empaques) y refinarlas rápidamente ajustando las instrucciones, la iluminación y las relaciones de aspecto.

Utilice los códigos hexagonales de su paleta como guía, luego describa los materiales y la iluminación (lino, hormigón, roble, luz diurna difusa) para mantener la salida fiel a su paleta greige deseada.

Siguiente: Paleta de colores azul pastel