Paletas de tonos gris y azul: 20 combinaciones modernas para inspirarte

El azul grisáceo es uno de esos raros colores “neutros pero no aburridos”: transmite calma como el gris, pero aporta la claridad y confianza del azul. Por eso aparece en todas partes, desde interfaces modernas hasta interiores serenos.

A continuación, tienes 20 ideas de paletas de colores azul grisáceo con códigos HEX, además de una breve guía sobre dónde funciona mejor cada combinación y cómo visualizarla con IA.

Por qué funcionan tan bien las paletas de azul grisáceo

El azul grisáceo se sitúa entre la neutralidad fría y el color emocional, por lo que se siente profesional sin resultar estéril. Es una apuesta segura para marcas modernas que buscan confianza, claridad y un aire más suave que el azul marino puro.

En UI y diseño de producto, el azul grisáceo crea una jerarquía natural: los tintes pálidos lucen como superficies limpias, los tonos medios funcionan como navegación y estados, y los tonos profundos ofrecen contraste en texto y llamadas a la acción sin recurrir a un negro duro.

Para interiores, el azul grisáceo es relajante y flexible. Combina fácilmente con madera, piedra, lino y metales, por lo que es ideal para espacios que deben sentirse aireados, compuestos y habitados.

20+ ideas de paletas de azul grisáceo (con códigos HEX)

1) Puerto Brumoso

HEX: #E7EDF2 #B9C6D3 #7E93A6 #445A6B #2C343E

Ambiente: aireado, calmado, costero

Ideal para: interiores de salas de estar costeras

Aireado y calmado como la niebla matinal sobre una marina tranquila, estos tonos se sienten limpios sin volverse fríos. Funcionan maravillosamente en paredes, tapicería y muebles empotrados donde buscas un contraste suave. Combínalo con roble cálido, texturas de lino y níquel cepillado para equilibrar. Consejo: reserva el tono más oscuro para molduras o una pieza principal para evitar que el ambiente quede plano.

Ejemplo visual de puerto brumoso 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) Acero y Cielo

HEX: #F4F6F8 #CBD3DA #8FA1B0 #566977 #1F2A33

Ambiente: moderno, estructurado, profesional

Ideal para: interfaz de dashboard saas

Moderno y estructurado como torres de vidrio bajo un cielo pálido, el contraste aquí se percibe nítido y confiable. Utiliza los tonos claros para superficies y tarjetas, reservando los azules medios para navegación y estados activos. El tono más oscuro da nitidez a texto e iconos sin la dureza del negro puro. Consejo: añade un fondo de tinte sutil del 5 al 10 por ciento para reducir reflejos en layouts amplios.

Ejemplo visual de acero y cielo generado con media.io

3) Niebla Costera

HEX: #EEF2F5 #C7D2DB #94A7B6 #5F7686 #364553

Ambiente: suave, discreto, fresco

Ideal para: identidad de marca wellness

Suave y discreto como una orilla difuminándose en la bruma, estos tonos transmiten calma y un aire premium. Son ideales para branding wellness, cuando se busca claridad sin luminosidad clínica. Combínalo con papel blanco roto, acabados mate y un pequeño acento arenoso o arcilloso para calidez. Consejo: elige un tono medio para el logo y usa los demás como neutros de apoyo para coherencia.

Ejemplo visual de niebla costera generado con media.io

4) Vaquero Desgastado

HEX: #E9EEF3 #B8C4D1 #7A90A8 #3F5C79 #24384B

Ambiente: casual, confiado, accesible

Ideal para: banner de moda ecommerce

Casual y confiada como un denim bien usado, esta combinación aporta contraste amigable con un toque resistente. Funciona bien en moda y creativos de estilo de vida, especialmente combinada con espacios blancos nítidos. Agrega un acento cálido en bronceado o latón para evitar que se perciba demasiado frío. Consejo: usa el azul más profundo para titulares y botones, anclando las llamadas a la acción.

Ejemplo visual de vaquero desgastado generado con media.io

5) Ventana Lluviosa

HEX: #F2F4F7 #D0D8E0 #A0B1BF #6B7F8F #3A4652

Ambiente: reflexivo, suave, sosegado

Ideal para: maquetación de revista editorial

Reflexivo y sosegado como gotas en el cristal, estos tonos crean una experiencia lectora tranquila. Brillan en revistas editoriales donde la jerarquía importa más que el color estridente. Combínalo con fotografía en escala de grises cálida, líneas finas y titulares con serifas para sofisticación. Consejo: deja el texto principal sobre el tono más claro y usa los azules medios para destacados y etiquetas de sección.

Ejemplo visual de ventana lluviosa generado con media.io

6) Marea de Grafito

HEX: #DDE4EA #AEBBC6 #778C9D #3E5666 #1C2A33

Ambiente: dramático, sobrio, cinematográfico

Ideal para: tipografía de cartel de cine

Dramático y sobrio como una marea oscura bajo nubes, esta mezcla se percibe cinematográfica y audaz. Ideal para carteles tipográficos y campañas que requieran impacto sin neón. Combínalo con un acento metálico o blanco roto para mantener la legibilidad. Consejo: coloca el fondo en el tono más oscuro y contrastá con los dos más claros.

Ejemplo visual de marea de grafito generado con media.io

7) Vidrio Marino Invernal

HEX: #F6F8FA #D7E0E7 #A8B9C6 #6E8797 #3E515D

Ambiente: fresco, tranquilo, minimalista

Ideal para: diseño de packaging de skincare

Fresco y sereno como cristal de mar helado, estos tonos transmiten limpieza, suavidad y confianza. Son ideales para envases de skincare donde buscas un aire clínico, pero sin durezas. Combínalo con blanco mate, relieves sutiles y un pequeño detalle en plata para un acabado premium. Consejo: que la etiqueta sea principalmente clara y usa el tono medio para beneficios destacados, manteniendo el empaque ligero.

Ejemplo visual de vidrio marino invernal generado con media.io

8) Plano Urbano

HEX: #E3EAF0 #B4C3D0 #7C93A7 #4D6A83 #273646

Ambiente: inteligente, técnico, contemporáneo

Ideal para: portfolio web de arquitectura

Inteligente y técnico como un plano sobre la mesa de dibujo, esta colección transmite precisión y modernidad. Funciona bien en portfolios de arquitectura donde las imágenes necesitan encuadres limpios y los textos deben mantenerse nítidos. Añade acentos en concreto cálido, arce claro o terracota para suavizar la sensación técnica. Consejo: usa el azul medio para enlaces y estados hover para que la navegación sea sutil, pero clara.

Ejemplo visual de plano urbano generado con media.io

9) Laguna Tranquila

HEX: #F1F5F8 #C9D4DE #93A7B6 #5F7787 #34444F

Ambiente: sereno, equilibrado, tipo spa

Ideal para: interfaz de app de meditación

Sereno y equilibrado como agua en calma al atardecer, estos tonos crean un ritmo tipo spa y relajado. Como paleta azul grisácea para apps, mantiene la pantalla tranquila sin perder jerarquía clara. Combínalo con gradientes suaves, componentes redondeados y un toque de crema para evitar sensación estéril. Consejo: reserva el tono más oscuro para acciones primarias y mantén el resto de bajo contraste para mayor descanso visual.

Ejemplo de imagen de una laguna tranquila generada usando media.io

10) Silverline Night

HEX: #D9E1E8 #A9B7C3 #6F8798 #3D5564 #131B22

Ambiente: elegante, nocturno, premium

Ideal para: página de inicio fintech

Elegante y nocturno como luces de ciudad sobre pavimento mojado, esta paleta transmite una sensación premium y segura. Es una fuerte combinación de gris y azul para marcas fintech que desean confianza sin recurrir a colores agresivos. Combina con tipografía blanca y definida, iconos de líneas delgadas y un acento cian sobrio para destacar. Consejo de uso: reserva el tono más oscuro para la sección principal y difumina hacia los tonos más claros a medida que los usuarios hacen scroll.

Ejemplo de imagen de silverline night generada usando media.io

11) Nordic Slate

HEX: #F7F8F9 #D3D9DE #9CAAB5 #667784 #2F3C45

Ambiente: escandinavo, limpio, acogedor

Ideal para: estilo minimalista de cocina

Limpio y acogedor como una mañana escandinava de invierno, estos tonos se perciben suaves pero con propósito. Son ideales para cocinas minimalistas con madera clara, cerámica mate y herrajes sencillos. Añade una planta de salvia suavizada o un tirador de latón cálido para aportar vida a la base fría. Consejo de uso: repite el gris-azul medio dos veces en el espacio para que el look se vea intencional y no accidental.

Ejemplo de imagen de nordic slate generada usando media.io

12) Glacier Ink

HEX: #EAF1F7 #C2D1E0 #89A2B8 #4E6A82 #223243

Ambiente: nítido, brillante, alto contraste

Ideal para: plantilla para presentaciones

Nítido y brillante como la luz sobre el hielo glaciar, este conjunto mantiene el contenido claro y moderno. Funciona especialmente bien para diapositivas donde los gráficos, llamadas y títulos necesitan contraste claro. Combina con un solo acento cálido como coral o ámbar para resaltar números clave. Consejo de uso: mantén las cuadrículas de gráficos muy claras y usa el tono más oscuro solo para etiquetas de datos y totales.

Ejemplo de imagen de glacier ink generada usando media.io

13) Cloudy Pier

HEX: #F0F3F6 #D0DAE3 #A0B0BE #6A8092 #3B4B59

Ambiente: suave, náutico, relajado

Ideal para: diseño de menú de cafetería

Suave y náutico como un muelle tranquilo bajo cielos nublados, estos colores transmiten relajación y bienvenida. Son ideales para menús de cafetería donde se busca claridad y un aire costero suave. Combina con papel cremoso, ilustraciones de líneas simples y un toque de marrón cálido para notas de café. Consejo de uso: utiliza el tono medio para encabezados de sección y deja el texto de los ítems sobre el fondo más claro para mayor claridad.

Ejemplo de imagen de cloudy pier generada usando media.io

14) Ocean Concrete

HEX: #E4E9EE #B7C3CD #8396A6 #546A79 #2B3943

Ambiente: industrial, equilibrado, contemporáneo

Ideal para: interiores de oficina moderna

Industrial pero sereno, como el aire oceánico atravesando el concreto, esta mezcla se percibe contemporánea y habitable. Es ideal para oficinas que requieren enfoque, especialmente con acero negro, nogal y textiles texturizados. Usa los dos tonos más claros para paredes y superficies grandes, e introduce los tonos más oscuros en alfombras o paneles acústicos. Consejo de uso: añade una fuente de luz cálida para evitar que el espacio se vea demasiado frío.

Ejemplo de imagen de ocean concrete generada usando media.io

15) Blue Ash Minimal

HEX: #F8FAFB #D9E1E7 #AAB7C2 #738595 #384650

Ambiente: minimalista, suave, despejado

Ideal para: plantilla de currículum y cv

Minimalista y suave como papel ceniciento, estos tonos mantienen los diseños ordenados y con confianza. Funcionan bien para currículums donde buscas estructura sin recuadros pesados o colores estridentes. Combina con una tipografía sans-serif limpia y un toque de gris cálido para los divisores de secciones. Consejo de uso: utiliza el tono medio para encabezados y deja el texto principal sobre casi blanco para máxima legibilidad.

Ejemplo de imagen de blue ash minimal generada usando media.io

16) Stormy Linen

HEX: #EFEFEF #C9D1D7 #94A2AE #5E717F #2D3A43

Ambiente: texturizado, cálido-frío, atemporal

Ideal para: estilismo de color para dormitorio

Texturizado y atemporal como nubes de tormenta sobre lino arrugado, esta mezcla transmite calma y madurez. Es ideal para dormitorios donde buscas tranquilidad fría pero también calidez. Combina con ropa de cama color avena, yute natural y acentos suaves en negro para definición. Consejo de uso: usa dos tonos medios en textiles para que la habitación luzca intencional y no monocromática.

Ejemplo de imagen de stormy linen generada usando media.io

17) Pebblewave

HEX: #E8EEF2 #C1CCD5 #8B9EAD #5A7180 #2E3D47

Ambiente: natural, equilibrado, energéticamente calmado

Ideal para: anuncio de producto de equipo outdoor

Natural y constante como guijarros suaves bajo agua en movimiento, estos tonos transmiten energía calmada. Son un fondo confiable para anuncios de productos outdoor donde los detalles deben destacar. Combina con un solo toque naranja de seguridad o lima para resaltes funcionales. Consejo de uso: mantiene el fondo medio-claro y acentúa sombras con los dos tonos más profundos para dar profundidad.

Ejemplo de imagen de pebblewave generada usando media.io

18) Museum Wall

HEX: #F3F5F6 #D2D9DE #A5B2BC #6B7F8E #34414A

Ambiente: silencioso, curado, sofisticado

Ideal para: invitación a evento en galería

Silencioso y curado como la pared de un museo bajo luces suaves de riel, este conjunto se percibe sofisticado e intencional. Perfecto para invitaciones elegantes donde la tipografía es protagonista. Combina con mucho espacio negativo, una tipografía serif refinada y un pequeño detalle metálico para acabado. Consejo de uso: imprime el fondo claro y deja que el tono más oscuro gestione nombres, fechas y jerarquías.

Ejemplo de imagen de museum wall generada usando media.io

19) Midnight Haze

HEX: #DCE4EA #AEBCC7 #7890A0 #445E6F #0F1720

Ambiente: dramático, elegante, moderno

Ideal para: interfaz ui de reproductor musical

Dramático y elegante como neblina de medianoche sobre calles sin neón, estos tonos crean un ambiente moderno. Las combinaciones de gris y azul hacen resaltar la portada del álbum y mantienen controles legibles. Combina con degradados sutiles y un solo color de acento para el estado de reproducción, como teal suave o magenta. Consejo de uso: usa el casi negro para el fondo del reproductor y el texto sobre el tono más claro para contraste.

Ejemplo de imagen de midnight haze generada usando media.io

20) Nautical Paper

HEX: #FAFAF8 #D8E0E6 #A7B6C2 #6C8292 #2E3C46

Ambiente: clásico, limpio, apto para impresión

Ideal para: papelería y membretes

Clásico y limpio como papelería impecable con un toque marítimo, estos colores se ven confiables y atemporales. Como paleta gris azulada, va bien en membretes, facturas y papelería de marca que necesita verse elegante en impresión. Combina con papel texturizado marfil y un tono profundo tipo tinta para firmas y sellos. Consejo de uso: mantén los logos en un solo tono oscuro y evita usar más de dos colores por página para un acabado premium.

Ejemplo de imagen de nautical paper generada usando media.io

¿Qué colores combinan bien con el azul grisáceo?

Los neutros cálidos son el mejor complemento: marfil, avena, beige y gris cálido mantienen la paleta acogedora, dejando que el gris azul conserve serenidad y modernidad. En interiores, agrega maderas naturales (roble, nogal) para suavizar el aspecto frío.

Para contraste, utiliza gris carbón profundo o casi negro para tipografía y estructura, luego introduce un acento pequeño y brillante (coral, ámbar o turquesa) en puntos focales como CTAs o cifras clave.

Para un aspecto más orgánico, prueba verdes apagados (salvia, eucalipto) o terracota tipo arcilla. Esto genera un balance cálido-frío que se percibe contemporáneo pero no clínico.

Cómo utilizar una paleta azul grisáceo en diseños reales

Empieza por roles, no solo “colores bonitos”: asigna el tono más claro para fondos, el segundo más claro para superficies/tarjetas, los tonos medios para navegación y bordes, y el más oscuro para texto, iconos y acciones primarias.

Mantén la saturación controlada para evitar una sensación “corporativa fría”. Si el diseño parece demasiado helado, cálido con materiales (textura de papel, lino, madera) o un acento cálido usado de forma consistente en todos los estados y destacados.

En impresión y branding, limita tu paleta activa a 2–3 tonos y usa el resto como tintes complementarios. Esa disciplina es lo que hace que los esquemas de gris azul se vean premium e intencionales.

Crea visuales de paleta azul grisáceo con IA

Si deseas ver estos tonos de gris azul en contexto real (un dashboard, dormitorio, packaging o invitación), genera imágenes rápidas conceptualizándolos con prompts de texto. Esto te ayuda a validar contraste, ambiente y combinaciones antes de producir.

Con Media.io, puedes convertir un prompt en maquetas limpias y escenas estilizadas en minutos, e iterar cambiando los acentos (por ejemplo, coral vs turquesa) manteniendo siempre la misma base neutra.

Prueba describiendo tu formato (UI, póster, interior), iluminación y materiales, y luego añade “colores ajustados a la paleta” para mantener la coherencia en los resultados.

Siguiente: Paleta de colores azul turquesa