20 combinaciones de paletas grises y plateadas modernas con códigos hex

El gris plateado se encuentra en el punto ideal entre lo minimalista y lo premium. Se siente limpio como una interfaz moderna, pero aún lleva un sutil “acabado” metálico que eleva la marca y los interiores.

A continuación, combinaciones seleccionadas de paletas gris plateado con códigos HEX, más consejos prácticos para combinar acentos, gestionar el contraste y generar visuales alineados a tu marca rápidamente.

Por qué funcionan tan bien las paletas gris plateado

Las paletas gris plateado son naturalmente versátiles porque actúan como una “estructura silenciosa” en un diseño o espacio. Crean jerarquía a través del valor (de claro a oscuro), en lugar de depender de tonos llamativos.

Los grises con tendencia a lo plateado también se perciben como modernos y precisos, por eso son comunes en paneles de SaaS, páginas de producto y marcas premium. Incluso ligeros cambios (frío, cálido, gris azulado, gris violeta) pueden cambiar el ambiente sin perder neutralidad.

Lo más importante es que el gris plateado hace que los acentos se vean intencionados. Un color de acento llamativo puede hacer todo el trabajo en CTAs, estados de estado o decoración, mientras que los neutros mantienen todo cohesivo.

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

1) Cromo Urbano

HEX: #f2f4f6 #c9ced3 #9aa3ab #5f666d #1f2327

Ambiente: elegante, metropolitano, alto contraste

Ideal para: paneles de control SaaS y pantallas de analítica de producto

Sofisticados y urbanos, estos tonos se sienten como metal bruñido contra el vidrio nocturno de la ciudad. El rango va desde el plateado aireado hasta el carbón profundo, dando jerarquía visual sin color llamativo. Úsalo para paneles, áreas de administración y páginas con muchos datos, y combínalo con un solo acento como azul eléctrico o lima para los estados. Consejo: reserva el tono más oscuro para texto y navegación, y usa los grises medios para tarjetas para evitar una UI plana.

Ejemplo de imagen de cromo urbano 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) Puerto Brumoso

HEX: #e8ecef #b9c2c9 #7a8793 #3f4a55 #0f141a

Ambiente: brumoso, calmado, costero

Ideal para: salas modernas y interiores de planta abierta

Brumoso y tranquilo, evoca la niebla de la mañana deslizándose sobre un puerto silencioso. Los plateados fríos mantienen los espacios aireados mientras la base oscura aporta profundidad para focos y herrajes. Funciona perfectamente en paredes, muebles y textiles cuando se combina con madera cálida, lino o acabados en negro mate. Consejo: repite el tono más claro en techos y molduras para que las habitaciones con poca luz parezcan más altas.

Ejemplo de imagen de puerto brumoso generado con media.io

3) Grafito Satinado

HEX: #f7f7f8 #d1d4d8 #8b9097 #44484f #121418

Ambiente: refinada, editorial, moderna

Ideal para: identidad de marca para tecnología y servicios premium

Refinada y editorial, los reflejos satinados y las sombras grafito evocan una revista recién impresa. Esta paleta gris plateada es una apuesta segura para marcas premium que buscan sobriedad sin verse frías. Combínala con un neutro cálido como avena o un acento seguro como cobalto para aportar personalidad. Consejo: usa el casi negro para logotipos y titulares, y deja los fondos en blanco roto para mantener el contraste.

Ejemplo de imagen de grafito satinado generado con media.io

4) Taller Perla

HEX: #ffffff #e2e5e8 #c1c7cd #8c959e #5a6168

Ambiente: luminoso, práctico, estudio limpio

Ideal para: tiendas de manualidades, blogs de talleres y miniaturas tutoriales

Brillante y práctico, recuerda un estudio bañado por el sol con cajones ordenados. Los blancos puros mejoran la legibilidad y los grises medios aportan estructura para bordes, pies de foto y llamados de atención. Úsala en tutoriales, categorías de ecommerce y gráficos paso a paso, luego añade un color vivo como coral o menta. Consejo: mantén las sombras sutiles usando el segundo tono más oscuro con moderación para evitar un aspecto granuloso.

Ejemplo de imagen de taller perla generado con media.io

5) Hormigón Lunar

HEX: #f1f2f3 #d0d2d5 #a5a9ae #6f747b #2b2f35

Ambiente: industrial, sobrio, arquitectónico

Ideal para: portafolios de arquitectura y estudios de caso de proyectos

Industrial y terrenal, evoca hormigón iluminado por la luna y bordes nítidos. Esta paleta resalta grandes imágenes y mantiene leyendas, cuadrículas y diagramas ordenados. Es ideal para sitios de arquitectura, casos de estudio y presentaciones, especialmente con fotos de madera cálida o acentos en cobre. Consejo: usa el tono más oscuro solo para etiquetas clave y el resto de la página lucirá espaciosa.

Ejemplo de imagen de hormigón lunar generado con media.io

6) Ceniza de Abedul

HEX: #f6f4f1 #d7d2cc #b0a8a0 #7e7a75 #3a3a38

Ambiente: neutro cálido, orgánico, acogedor

Ideal para: cocinas escandinavas y marcas de estilo de vida

Cálida y orgánica, recuerda la corteza de abedul y ceniza de chimenea suave. Esta combinación de gris plateado aporta calidez, ideal para marcas que buscan calma neutra sin blanco puro. Combínala con texturas naturales como loza, algodón y roble claro, y añade un acento apagado de salvia o arcilla para variedad estacional. Consejo: pon el beige-gris cálido como fondo principal para evitar que el esquema se perciba frío.

Ejemplo de imagen de ceniza de abedul generado con media.io

7) Museo Minimalista

HEX: #fbfbfc #d9dde1 #b4bac0 #6b737b #22272d

Ambiente: lujo silencioso, estilo galería, nítido

Ideal para: galerías de arte, museos y catálogos de exposiciones

Silenciosa y de galería, recuerda muros blancos, señalización pulida y salas apacibles. Los plateados suaves mantienen la atención en el arte y el carbón sostiene títulos y navegación. Úsalo en catálogos, eventos y señalética de exposiciones, luego agrégale un acento refinado como burdeos oscuro. Consejo: crea amplios espacios en blanco y reglas delgadas usando el gris claro para acabado de museo.

Ejemplo de imagen de museo minimalista generado con media.io

8) Acero Tormentoso

HEX: #e9edf2 #b8c0c9 #8793a0 #4c5866 #1d2630

Ambiente: dramático, frío, seguro

Ideal para: sitios de videojuegos y páginas de cine

Dramático y frío, se siente como nubes de acero antes de una tormenta. Los grises azulados añaden tensión y energía sin llegar a ser color llamativo. Úsalo en secciones destacadas, tráilers y CTAs impactantes, junto a acentos neón o magenta. Consejo: el tono más oscuro funciona como viñeta detrás de titulares para resaltar la tipografía al instante.

Ejemplo de imagen de acero tormentoso generado con media.io

9) Champán Frío

HEX: #f5f1ea #ddd5cb #b8b0a6 #8a8580 #3b3b3c

Ambiente: elegante, suavemente cálido, festivo

Ideal para: invitaciones de boda y branding de eventos exclusivos

Elegante y sutilmente cálido, evoca champán frío, cintas de satén y cristalería a la luz de las velas. Estas combinaciones gris plateado funcionan bien para invitaciones formales, menús y señalización de eventos, especialmente con efectos de foil metálico. Combina con tonos blush, marfil o verde intenso para un contraste romántico y moderno. Consejo: simula detalles plateados usando el tono más claro como iluminador y el gris medio para sombras suaves de relieve.

Ejemplo de imagen de champán frío generado con media.io

10) Polvo de Circuito

HEX: #f2f5f7 #c7d0d8 #8a97a3 #51606c #1b232b

Ambiente: técnico, nítido, ligeramente futurista

Ideal para: documentación para desarrolladores y sistemas UI empresariales

Técnico y nítido, se siente como un hardware limpio recién ensamblado. Los medios tonos fríos son perfectos para tablas, bloques de código y divisores sutiles que no afectan la legibilidad. Úsalo en documentación, sistemas de diseño y aplicaciones B2B, y combínalo con un solo acento brillante para enlaces y estados activos. Consejo: mantén el contraste accesible usando el tono más oscuro para el texto y el más claro para los fondos.

Ejemplo de imagen de polvo de circuito generado con media.io

11) Cachemira Invernal

HEX: #faf8f6 #e3ded9 #c3bbb3 #8e877f #4c4743

Ambiente: suave, reconfortante, discreto

Ideal para: envases de cosméticos y productos de bienestar

Suave y reconfortante, evoca mantas de cachemira y tranquilas mañanas de invierno. Los neutros gris cálidos realzan imágenes de cuidado de la piel y bienestar, haciendo que las etiquetas se sientan amables y confiables. Combínalo con oro mate, rosa empolvado o lavanda atenuada para un toque premium sin que destaque demasiado. Consejo: los diseños amigables para imprimir se ven mejor si reservas grandes áreas para los dos tonos más claros y dejas los oscuros solo para textos pequeños.

Ejemplo de imagen de cachemira invernal generado con media.io

12) Loft Monocromático

HEX: #f8f9fa #d4d7db #aeb4bb #707983 #2d333a

Ambiente: moderno, aireado, hogar urbano

Ideal para: listados inmobiliarios y folletos de propiedades

Moderno y aireado, recuerda a un loft iluminado con suelos de hormigón y líneas limpias. Los grises medianos equilibrados son ideales para superposiciones de planos, tarjetas de listado e íconos sutiles. Puedes combinarlo con fotografías de maderas cálidas o un toque de terracota apagada para mantener un aspecto acogedor. Consejo: utiliza la sombra más oscura para etiquetas de precios para que sean fáciles de escanear.

Ejemplo de imagen de loft monocromático generado con media.io

13) Tinta Glaciar

HEX: #edf3f7 #c4d1dc #90a5b5 #4c6a7f #10202c

Ambiente: helado, náutico, inteligente

Ideal para: aplicaciones financieras y marcas de confianza

Helado e inteligente, se percibe como agua glaciar mezclándose con tinta oscura. El matiz azul-gris aporta confianza para finanzas, consultoría o marcas de seguridad, sin ser demasiado corporativo. Combínalo con blanco puro y un acento teal suave para botones y resaltados. Consejo: usa el gris marino profundo para gráficos y números clave, manteniendo los datos legibles en fondos claros.

Ejemplo de imagen de tinta glaciar generado con media.io

14) Aleación Silenciosa

HEX: #f4f6f8 #cfd5db #a0a8b1 #6a727c #2a3036

Ambiente: equilibrado, profesional, discreto

Ideal para: presentaciones corporativas y reportes anuales

Equilibrado y profesional, recuerda a un traje perfectamente hecho con un brillo sutil. Esta paleta gris-plata mantiene las presentaciones elegantes y deja espacio para gráficos, fotografías y acentos de marca. Combínalo con un color emblemático de tu logotipo para dirigir la atención entre secciones. Consejo: usa gris medio en líneas de cuadrícula y bordes para que los datos sigan legibles sin sobrecargar visualmente.

Ejemplo de imagen de aleación silenciosa generado con media.io

15) Rosa Estaño Suave

HEX: #f7f1f3 #e0d3d6 #bfa8ae #8b6f77 #3f2f35

Ambiente: romántico, vintage moderno, suave

Ideal para: marcas de belleza y publicaciones boutique

Romántica con un giro vintage moderno, combina estaño con un toque de rosa empolvado. El rosa-gris suave favorece los tonos de piel en fotografías y mantiene una tipografía nítida. Combínalo con blanco cremoso y un toque de plateado para un acabado lujoso. Consejo: utiliza el ciruela-gris más oscuro solo para texto pequeño, permitiendo que los tonos claros destaquen.

Ejemplo de imagen de rosa estaño suave generado con media.io

16) Cuarzo Metropolitano

HEX: #f3f3f5 #d1d1d8 #a5a6b2 #6f7080 #2b2c36

Ambiente: fresco, pulido, contemporáneo

Ideal para: kits UI de apps móviles y bibliotecas de componentes

Fresco y pulido, recuerda las reflexiones de cuarzo bajo luces de estación. Los grises con matiz violeta ofrecen interfaces frescas y contemporáneas sin ser coloridas. Combina con blanco brillante y un solo acento saturado para estados seleccionados y distintivos. Consejo: mantén los componentes deshabilitados en los dos tonos más claros para asegurar buen contraste de accesibilidad.

Ejemplo de imagen de cuarzo metropolitano generado con media.io

17) Acero y Arena

HEX: #f4f2ee #d6d0c6 #b1a79c #7d746b #2e2b28

Ambiente: terroso, rústico moderno, enraizado

Ideal para: menús de café y branding de hospitalidad

Terroso y enraizado, mezcla neutros de acero con grises cálidos de arena. La paleta resulta acogedora para cafés, hoteles o envases que necesitan un toque natural y moderno. Combina texturas de papel kraft, marrones espresso y un verde apagado para una sensación orgánica y tranquila. Consejo: imprime menús en papel marfil y usa el tono más oscuro solo en títulos y precios.

Ejemplo de imagen de acero y arena generado con media.io

18) Crepúsculo de Mercurio

HEX: #e7e9ee #b9bdc8 #80879a #474e60 #181c26

Ambiente: melancólico, cinematográfico, futurista

Ideal para: portadas de álbumes y carteles de eventos

Melancólico y cinematográfico, parece el reflejo del mercurio desvaneciéndose al anochecer. Estas combinaciones de gris-plata brillan en pósters y portadas donde la tipografía debe sentirse moderna y marcada. Combina con un acento intenso como verde ácido o ultravioleta para impacto inmediato. Consejo: usa un grano o dégradé sutil entre tonos medios y oscuros para evitar bandas en fondos grandes.

Ejemplo de imagen de crepúsculo de mercurio generado con media.io

19) Pizarra Pulida

HEX: #f0f2f4 #c8ced3 #9ca3aa #616a73 #242a31

Ambiente: limpio, confiable, clásico moderno

Ideal para: sitios web de negocios y páginas de servicios

Limpio y confiable, recuerda a la pizarra pulida tras la lluvia. Los tonos medios son ideales para separar secciones, rellenar íconos y estados sutiles de botones que siguen siendo legibles. Combina con un acento cálido como ámbar o un azul-verde tranquilo para CTAs intencionados. Consejo: usa los dos tonos más claros en fondos y reserva pizarra solo para navegación y pie de página.

Ejemplo de imagen de pizarra pulida generado con media.io

20) Titanio Nublado

HEX: #f6f7f9 #dde0e6 #b7bcc6 #808896 #343b45

Ambiente: ligero, aireado, tecnológico

Ideal para: páginas de productos electrónicos y galerías ecommerce

Ligero y de vanguardia tecnológica, evoca titanio nublado y bordes de precisión. El contraste sutil aporta un toque premium y mantiene la página luminosa y cómoda para desplazarse. Combina con blanco limpio, sombras delicadas y un solo color de acento para los botones de compra. Consejo: usa el tercer tono para bordes y separadores para que las galerías se vean nítidas sin cargar visualmente.

Ejemplo de imagen de titanio nublado generado con media.io

¿Qué colores combinan bien con el gris plateado?

El gris-plata combina sin esfuerzo con blanco puro, casi negro y carbón, ya que comparten la misma base neutra. Esto mantiene los diseños limpios y hace que la tipografía y los espacios se sientan pensados.

Para acentos, escoge entre "energía fría" (azul eléctrico, cian, lima) o "sofisticación cálida" (ámbar, rubor, avena, terracota apagada). Cuanto más neutros sean tus grises, más saturado puede ser tu acento sin que resulte desordenado.

Si buscas un acabado más suave y premium, usa verdes atenuados, rosas empolvados y burdeos profundo. Estos tonos aportan carácter, dejando que el gris-plata mantenga el control.

Cómo usar una paleta de color gris plateado en diseños reales

Empieza asignando roles: un fondo claro, un gris para superficies/tarjetas, uno medio para bordes, y uno oscuro para texto y navegación. Así evitas el típico problema de "todo parece el mismo gris" y el contraste se mantiene predecible.

En UI, reserva el acento más brillante para estados interactivos (CTA principal, pestaña activa, enlaces) y mantén toda la UI secundaria (divisores, estados deshabilitados) en grises claros o medios. En interiorismo o branding, repite un tono plata en materiales (metal, piedra, tela) para que la paleta se sienta intencionada.

Cuando necesites más profundidad, añade textura: degradados sutiles, sombras suaves o grano pueden dar a las paletas plata una sensación más táctil y menos plana, especialmente en fondos amplios.

Crea visuales de paletas gris plateado con IA

Si estás construyendo moodboards, mockups UI o elementos de marca, generar visuales rápidos te ayuda a confirmar si tus grises-plata se sienten fríos, cálidos o perfectamente neutros según el contexto.

Con Media.io puedes convertir prompts (como "UI de dashboard", "diseño de catálogo" o "invitación de boda") en imágenes consistentes impulsadas por paletas—ideal para probar contraste de tipografía, presentación de productos y vibra general.

Elige una paleta de arriba, reutiliza su prompt y cambia solo el tema (UI, interior, póster) para mantener cohesión en todos tus diseños.

Siguiente: Paleta de colores Verde Amarillo