20 combinaciones de colores azul verdoso y gris: códigos hex y consejos

El gris verdoso combina la calma y frescura del verde azulado con la estabilidad silenciosa del gris, lo que lo convierte en una de las direcciones “neutras modernas” más fáciles para marcas, interiores y UI.

A continuación, encontrarás paletas seleccionadas de gris verdoso (con códigos HEX), además de consejos prácticos de combinación y uso que puedes aplicar de inmediato.

Por qué las paletas de gris verdoso funcionan tan bien

El verde azulado aporta un aire fresco y moderno, mientras que el gris añade estructura y neutralidad, así que la combinación se percibe equilibrada en vez de estridente. Por eso, las paletas de gris verdoso funcionan en tantos estilos, desde lo costero y el bienestar hasta fintech e industrial.

Otra ventaja es la flexibilidad: puedes intensificar el verde azulado para más energía o hacerlo más profundo para sofisticación, y ajustar el gris desde aireado hasta carbón para un mayor contraste y legibilidad. Esto hace que un esquema de color gris verdoso sea fácil de escalar desde fondos hasta acentos.

Finalmente, el verde azulado y el gris suelen verse bien tanto en fotografías como en pantallas. Con la elección adecuada de contrastes, puedes mantener las interfaces accesibles y los diseños impresos refinados, sin peleas de color.

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

1) Niebla portuaria

HEX: #2F6F73 #4F8A8C #7C8B8E #C9D2D3 #F4F6F6

Sensación: limpio, costero, calmante

Ideal para: remodelación de baño e interiores aireados

Tranquilidad marinera con sensación de paseo brumoso y bordes suavizados. Usa el verde azulado más profundo en gabinetes o una pared de acento, y deja que los grises claros destaquen en molduras y azulejos. Combina con níquel cepillado, roble pálido y cerámica blanca mate para un acabado costero fresco. Consejo: mantén el contraste suave eligiendo blancos cálidos en vez de blanco brillante fuerte.

Ejemplo de imagen de niebla portuaria generada con media.io

Media.io

Media.io es un estudio de IA en línea para crear y editar vídeo, imagen y audio en tu navegador.

Pruébalo gratis ahora

2) Piedra nórdica verdosa

HEX: #1F5E63 #3A7A80 #5A6B70 #A7B3B6 #E7EAEA

Sensación: escandinavo, enraizado, moderno

Ideal para: branding minimalista y papelería

Calma nórdica fría, como piedra suave junto al agua tranquila. Esta paleta gris verdoso funciona maravillosamente para logos minimalistas, tarjetas de presentación y fundas de empaque donde la sobriedad se siente premium. Combina con mucho espacio negativo, formas geométricas simples y una tipografía audaz. Consejo: reserva el verde azulado más oscuro para el logo y así mantener el texto súper legible.

Ejemplo de imagen de piedra nórdica verdosa generada con media.io

3) Laguna pizarra

HEX: #0F4C5C #2D6A6E #495057 #ADB5BD #F8F9FA

Sensación: dramático, editorial, refinado

Ideal para: maquetaciones de revistas y lookbooks

Tonos de laguna oscura se encuentran con neutros pizarra para un aire editorial sofisticado. Usa el verde azulado profundo para encabezados de sección y recuadros destacados, y deja que el gris medio lleve el texto principal y pies de foto. Combina bien con fotografía monocroma, líneas finas y márgenes generosos. Consejo: usa el tono más claro como fondo de página para evitar páginas pesadas.

Ejemplo de imagen de laguna pizarra generada con media.io

4) Concreto eucalipto

HEX: #2C7A7B #6B9080 #6C757D #DDE2E4 #FAFAF9

Sensación: natural, equilibrado, urbano

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

Nota de eucalipto frondoso contra concreto suave, calmado pero aún animado. Usa el tono más verdoso para acentos como asientos o íconos, y dale base con grises más fríos para un aire moderno y urbano. Combina con madera clara, metal negro y luces cálidas para mantener la bienvenida. Consejo: repite el verde azulado dos veces en señalética y menús para una cohesión de marca.

Ejemplo de imagen de concreto eucalipto generada con media.io

5) Carbón costero

HEX: #0B525B #144552 #2B2D2F #6C757D #E9ECEF

Sensación: dramático, sofisticado, audaz

Ideal para: secciones principales y sitios web premium

Aguas costeras profundas y sombras carbón crean un look seguro y elegante. El tono casi negro funciona genial en navegación y pie de página, mientras que el verde azulado aporta un acento elegante en botones y enlaces. Combina con fotografía nítida e íconos minimalistas de línea para una sensación premium. Consejo: reserva el verde azulado para estados interactivos así se siente intencional y no solo decorativo.

Ejemplo de imagen de carbón costero generada con media.io

6) Museo silencioso

HEX: #2A6F6F #3F7C85 #8D99AE #EDF2F4 #D9C5B2

Sensación: silencioso, culto, neutro-cálido

Ideal para: carteles de galería y volantes de eventos

Iluminación de museo silenciosa y superficies de piedra suave aportan un aura reflexiva y seleccionada. Estas combinaciones de gris verdoso brillan en carteles donde se busca autoridad tranquila, especialmente con tipografía serif moderna. Combina el beige cálido con papel texturizado o grano sutil para evitar que los tonos fríos resulten estériles. Consejo: usa el gris pizarra para texto y reserva el verde azulado para títulos.

Ejemplo de imagen de museo silencioso generada con media.io

7) Paseo marítimo lluvioso

HEX: #1B4965 #2C7DA0 #5C677D #AAB7B8 #F1F5F9

Sensación: fresco, aireado, ligeramente frío

Ideal para: blogs de viajes y banners de estilo de vida

Azules de paseo lluvioso con acabado nítido y respirable. Usa el azul verdoso más brillante para destacar en insignias y enlaces, deja que los grises permitan una lectura de texto largo cómoda. Combina con fotografía aireada y espacios en blanco para una estética limpia. Consejo: usa el gris medio como color de texto por defecto para reducir contrastes duros.

Ejemplo de imagen de paseo marítimo lluvioso generada con media.io

8) Grafito aqua

HEX: #0D9488 #14B8A6 #334155 #94A3B8 #F8FAFC

Sensación: tecnológico, nítido, energético

Ideal para: UI SaaS y componentes de dashboard

Toques aqua nítidos sobresalen contra grafito para un aire moderno y tecnológico que resulta amigable, no frío. Usa el verde azulado más vivo para botones principales y estados activos, mientras que el grafito fundamenta navegación y etiquetas de datos. Combina con tarjetas redondeadas, divisores sutiles y mucho espacio para un ritmo de UI limpio. Consejo: limita el acento brillante a uno o dos componentes por pantalla para evitar saturación visual.

Ejemplo de imagen de grafito aqua generada con media.io

9) Vidrio marino vintage

HEX: #3E7C7B #7FB7BE #B7C4C7 #E6E8E6 #D8A7B1

Sensación: suave, vintage, romántico

Ideal para: invitaciones de boda y recordatorios de fecha

Suavidad de vidrio marino vintage con un toque de rubor romántico y discreto. Usa el verde azulado claro como base, y después suma rubor para detalles delicados y monogramas. Combina con efectos de papel texturizado, ilustraciones florales finas y tipografía serif elegante. Consejo: reserva el verde azulado más oscuro solo para nombres y datos clave, para mantener la sensación aireada.

Ejemplo de imagen de vidrio marino vintage generado usando media.io

10) Spa Moderno

HEX: #2E7D7A #5BB3B0 #9AA5A8 #D7DEE0 #FFF7ED

Sensación: relajante, brillante, bienestar

Ideal para: empaques de cuidado de la piel y anuncios de bienestar

Tonos de spa-agua relajantes con blancos cálidos tipo vapor crean calma instantánea. Usa el azul verdoso vibrante para etiquetas o llamadas, y deja que el blanco cálido y el gris pálido hagan la mayor parte del trabajo de fondo. Combina con tipografía minimalista sans-serif y acabados mate para una apariencia moderna de bienestar. Consejo: añade un sutil relieve en los tonos más claros para una pista táctil premium.

Ejemplo de imagen de spa moderno generado usando media.io

11) Tinta y Marea

HEX: #083D3D #0F766E #1F2937 #64748B #E2E8F0

Sensación: oscuro, seguro, elegante

Ideal para: branding fintech y páginas de aterrizaje

Profundidad como tinta con el borde azul verdoso tiene sensación decidida y moderna. Usa el casi negro para estructuras fuertes como encabezados, tablas de precios y pies, luego destaca acciones clave con el azul verdoso. Combina con tipografía aguda y conjuntos de iconos simples para un estilo limpio fintech. Consejo: reserva el gris más claro para paneles y tarjetas para mantener el contraste controlado.

Ejemplo de imagen de tinta y marea generado usando media.io

12) Alga Plateada

HEX: #2F6F73 #6CA6A4 #8A9BA8 #CBD5E1 #F1F5F9

Sensación: claro, costero, pulido

Ideal para: plantillas de presentaciones e informes

Tonos de alga plateada transmiten elegancia, calma y profesionalismo silencioso. Usa el azul verdoso intermedio para divisores de secciones y gráficos, y los grises suaves para fondos y tablas. Combina con estilos limpios de visualización de datos e iconografía consistente para una presentación ejecutiva. Consejo: mantén un azul verdoso de acento para resaltar y usa tonalidades para series secundarias de gráficos.

Ejemplo de imagen de alga plateada generado usando media.io

13) Azul Verdoso y Terracota

HEX: #1E6F74 #3A9CA0 #6B7280 #E5E7EB #C65D3A

Sensación: terrenal, moderno, acogedor

Ideal para: branding de restaurantes y publicaciones sociales

El calor terrenal se encuentra con agua fresca, como alfarería de barro junto a una piscina moderna. Estas combinaciones de color azul verdoso y gris ganan personalidad extra por el acento terracota, ideal para marcas de alimentos que buscan ser accesibles pero refinadas. Combina con texturas naturales, papel kraft y fotografía audaz para resaltar la nota cálida. Consejo: usa terracota de forma limitada para etiquetas de precio, acentos o un solo sello.

Ejemplo de imagen de azul verdoso y terracota generado usando media.io

14) Pino Escarchado

HEX: #1F6F6A #3F8F89 #6B7B7C #C8D3D4 #F7F7F2

Sensación: fresco, natural, sereno

Ideal para: carteles de campaña exterior de invierno

Agujas de pino escarchadas y aire frío transmiten calma estacional. Usa el verde-azul verdoso más profundo para títulos y formas clave, y deja que los grises suaves simulen nieve y niebla para equilibrio. Combina con imágenes de paisaje de alto contraste y texto mínimo para una marca exterior premium. Consejo: mantén los degradados sutiles para que la paleta luzca limpia y moderna.

Ejemplo de imagen de pino escarchado generado usando media.io

15) Industrial Suave

HEX: #215B5B #3B7C7C #4B5563 #9CA3AF #F3F4F6

Sensación: industrial, suavizado, práctico

Ideal para: espacios de taller e interiores de oficina

Tonos industriales suaves parecen acero pintado calentado por buena iluminación. Usa el gris oscuro para muebles o integrados, luego agrega azul verdoso en puertas, estanterías o paneles acústicos para un toque sutil. Combina con texturas de concreto, herrajes negros y madera cálida para evitar sensación fría. Consejo: elige una superficie azul verdoso por habitación para que el acento se perciba intencional.

Ejemplo de imagen de industrial suave generado usando media.io

16) Minimalismo Mar Profundo

HEX: #0A3D40 #146C6F #2D3748 #A0AEC0 #F7FAFC

Sensación: minimalista, profundo, enfocado

Ideal para: pantallas de onboarding y kits de UI

Oscuridad de mar profundo con espacio limpio y luminoso transmite enfoque y modernidad. Esta paleta de colores azul verdoso y gris es ideal para pantallas de onboarding donde necesitas jerarquía fuerte sin colores llamativos. Combina el azul verdoso profundo con ilustraciones simples y mucho espacio blanco, luego usa grises frescos para texto secundario. Consejo: prueba el contraste para accesibilidad manteniendo el texto sobre el tono de fondo más claro.

Ejemplo de imagen de minimalismo mar profundo generado usando media.io

17) Etiqueta de Galería

HEX: #2B6F73 #5C8D89 #70757A #E5E5E5 #FFFDF7

Sensación: lujo silencioso, curado, neutro

Ideal para: etiquetas de producto y empaques minimalistas

Neutrales de lujo silencioso con fondo azul verdoso suave transmiten sensación curada y atemporal. Usa el blanco cálido para la base de la etiqueta y coloca la tipografía en gris para legibilidad y discreción. Combina con detalles sutiles en foil o una banda azul verdoso para mostrar el color de la marca sin sobrecargar la etiqueta. Consejo: mantén tu logo pequeño y deja que el espacio en blanco transmita la calidad premium.

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

18) Casa de Lago de Invierno

HEX: #1C5D63 #4B9AA0 #788585 #D0D7D9 #FFFFFF

Sensación: hogareño, fresco, relajante

Ideal para: renovación de sala de estar y textiles

Un ambiente de casa de lago en invierno: mañanas tranquilas, mantas de lana y agua clara fuera de la ventana. Usa azul verdoso en cojines o un mueble pintado, luego mantén paredes y piezas mayores en grises en capas y blanco. Combina con lino natural, roble claro y acentos negros suaves para profundidad. Consejo: añade textura primero, luego color, para lograr una sensación acogedora en vez de fría.

Ejemplo de imagen de casa de lago de invierno generado usando media.io

19) Azul Verdoso Gris Neon Pop

HEX: #0F766E #A3E635 #111827 #6B7280 #F9FAFB

Sensación: audaz, divertido, alto contraste

Ideal para: flyers de música y campañas juveniles

El contraste audaz con chispa neón transmite energía y un toque rebelde. Usa el casi negro para fondos, deja que el azul verdoso genere estructura, y emplea lima neón solo donde necesites atención instantánea. Combina con tipografía condensada, grandes números y formas agudas para un póster moderno. Consejo: mantén la lima bajo el 10 por ciento del diseño para que destaque sin verse caótico.

Ejemplo de imagen de azul verdoso gris neon pop generado usando media.io

20) Panel de Datos Calmado

HEX: #136F63 #2A9D8F #4B5563 #CBD5E1 #F8FAFC

Sensación: tranquilo, claro, organizado

Ideal para: paneles de analítica y administración

Claridad calmada para pantallas orientadas a datos, como un espacio ordenado con luz suave. Esta gama de azul verdoso y gris mantiene los gráficos legibles y al mismo tiempo modernos y amigables. Usa el azul verdoso brillante para métricas clave y los grises frescos para cuadrículas, divisores y etiquetas secundarias. Consejo: establece un azul verdoso como acción principal y el segundo solo para resaltar gráficos.

Ejemplo de imagen de panel de datos calmado generado usando media.io

¿Qué colores combinan bien con el gris verdoso?

Los neutrales son el complemento más fácil: blancos cálidos, greiges suaves y plateados claros mantienen una paleta azul verdoso gris aireada y versátil. Para una sensación más premium, el carbón o casi negro añade estructura definida (ideal para barras de navegación, títulos y marcos).

Si buscas calidez, añade acentos terrenales como terracota, arcilla, camel o beige cálido para contrarrestar la frescura del azul verdoso. Es un enfoque confiable para branding de hospitalidad, empaques de estilo de vida y interiores acogedores.

Para mayor contraste, usa pequeñas dosis de lima neón o aqua brillante—mejor si se limita a estados de UI, insignias o acentos en posters para que la gama se mantenga limpia y legible.

Cómo usar una paleta gris verdoso en diseños reales

Empieza con roles: elige un azul verdoso como tu color “marca/acción”, luego asigna grises para fondo, texto, bordes y superficies. Esto evita que el azul verdoso se disperse y mantiene la jerarquía clara.

En impresión e interiores, la textura aporta mucho: papel mate, metal cepillado, roble claro, lino o acabados tipo concreto hacen que el azul verdoso y el gris se sientan más cálidos y dimensionales. Usa azul verdoso en uno o dos elementos focales (señalización, gabinetes, cojines, una pared destaca) para que se perciba intencional.

Para productos digitales, revisa el contraste desde el principio—especialmente combinaciones azul verdoso-gris. Mantén el texto principal sobre el neutral más claro y usa azul verdoso para estados interactivos (botones, enlaces, toggles) para conservar claridad.

Crea visuales de paletas gris verdoso con IA

¿Quieres ver estas combinaciones de azul verdoso y gris en una escena real—como el hero de una landing, menú de café o concepto de remodelación de baño? Genera maquetas rápidas usando IA así puedes validar ambiente, contraste y materiales antes de comprometerte.

Con Media.io, puedes transformar una paleta en instrucciones visuales para branding, UI, posters y empaques—y luego iterar rápido cambiando acentos, iluminación o palabras clave de estilo mientras mantienes el mismo ambiente basado en HEX.

Siguiente: Paleta de colores naranja quemado