Paletas de colores verde, azul y gris: códigos hex y consejos de diseño

Una paleta de colores verde, azul y gris es un clásico moderno: es tan tranquila como el aire costero, estructurada como la piedra y lo suficientemente limpia para interfaces digitales. También combina bien con acentos cálidos, por lo que tus diseños no se sienten fríos ni planos.

A continuación encontrarás 20 paletas de verde, azul y gris seleccionadas con códigos HEX, además de consejos prácticos para interiores, branding, interfaz de usuario e impresión. Cada conjunto incluye una sugerencia de imagen generada por IA que puedes reutilizar en Media.io para obtener visuales acordes.

Por qué funcionan tan bien las paletas verde azul gris

El verde, azul y gris se ubican en una zona naturalmente calmante del espectro, por eso son los elegidos para espacios y pantallas que deben transmitir orden. Obtienes la frescura del verde, la confianza del azul y la moderación del gris, sin necesidad de saturación intensa.

Estas paletas también son flexibles porque crean una jerarquía incorporada: los tonos teal y azul marino más profundos anclan los diseños; los grises medios estructuran, y los grises claros o blancos rotos mantienen todo respirable. Por eso son ideales tanto para interfaces de usuario, sistemas de marca e interiores.

Por último, las combinaciones verde azul gris van de maravilla con toques cálidos—madera, latón, arena, terracota—permitiéndote ajustar el ambiente de aireado y costero a sofisticado sin perder cohesión.

20+ ideas de paletas de colores verde azul gris (con códigos HEX)

1) Bruma de Puerto

HEX: #1E6F7A #3A8FA3 #9FB8B6 #D7E2E1 #4A5458

Estado de ánimo: tranquilo, costero, aireado

Ideal para: sala costera y estilos de pintura

Tranquilos y costeros, estos tonos evocan el aire marino sobre una marina tranquila. Usa el teal y pizarra más intensos como anclas en paredes destacadas, sofás o gabinetes, y levanta el espacio con el neutro claro y brumoso. El latón, roble claro y texturas tejidas combinan naturalmente con los tonos azul-verde suavizados. Consejo: reserva el tono más oscuro solo para pequeños acentos para que la habitación siga luciendo luminosa.

Ejemplo de imagen de bruma de puerto generada 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) Pizarra Alpina

HEX: #2F6B5B #2E5E7E #6F7F8A #C9D3D6 #1F2A30

Estado de ánimo: nítido, moderno, sólido

Ideal para: identidad y logo de marca outdoor

Nítida y sólida, recuerda a lagos alpinos junto a rocas oscuras. Los tonos azul y verde funcionan mejor como colores principales de marca, mientras que el gris claro mantiene los diseños aireados. Úsala con fotografía en monocromo y una tipografía sans serif limpia para mantener el aire moderno. Consejo: el casi negro resérvalo para texto e íconos, acentuando el contraste.

Ejemplo de imagen de pizarra alpina generada con media.io

3) Concreto de Vidrio Marino

HEX: #3C8D7D #4B7FA6 #8C99A3 #E5ECEB #2F3B41

Estado de ánimo: fresco, urbano, equilibrado

Ideal para: gabinetes de cocina modernos y salpicaderas

Fresco y urbano, evoca vidrio marino sobre concreto húmedo tras la lluvia. Esta paleta verde azul gris funciona de maravilla en gabinetes bajos o una isla, con el tono claro en paredes para mantener la cocina abierta. Agrega herrajes en níquel mate y cuarzo blanco para una sensación nítida. Consejo: repite el tono pizarra en la lechada o taburetes del bar para un acabado integrado.

Ejemplo de imagen de concreto de vidrio marino generada con media.io

4) Abeto Urbano

HEX: #1F4D3F #2E6C86 #7C8A8F #BFC7C6 #0F1518

Estado de ánimo: intenso, arquitectónico, seguro

Ideal para: interfaz landing page ecommerce moda masculina

Intensos y arquitectónicos, estos tonos evocan sombras perennes entre edificios urbanos. Usa abeto profundo y casi negro para enmarcar áreas principales, y el azul acero para botones y detalles. Mantén las fotos de productos neutras y deja que la tipografía destaque. Consejo: añade espacio generoso para que la base oscura siga siendo elegante, no pesada.

Ejemplo de imagen de abeto urbano generada con media.io

5) Laguna Tormentosa

HEX: #246B6B #1F5A85 #93A4AA #DDE4E6 #2A2F33

Estado de ánimo: tormentoso, sofisticado, sereno

Ideal para: acentos de interior de lobby de hotel

Tormentoso y sofisticado, evoca una laguna bajo cielos nublados. El teal y el azul más ricos lucen bien en asientos de terciopelo o piezas de arte, mientras que el gris azul claro hace que el lobby se sienta aireado. Combina con nogal cálido e iluminación suave y difusa para evitar un ambiente frío. Consejo: repite el carbón oscuro en señalización y molduras para una vibra hotelera pulida.

Ejemplo de imagen de laguna tormentosa generada con media.io

6) Laboratorio Silencioso

HEX: #2C6A57 #2C4E6B #A3B1B6 #F2F5F6 #394247

Estado de ánimo: limpio, clínico, reconfortante

Ideal para: dashboard de salud UI y tarjetas de datos

Limpia y reconfortante, evoca un laboratorio silencioso con vidrio esmerilado e instrumentos ordenados. Para un esquema de color verde azul gris en UI, mantén el casi blanco como base y usa teal para estados exitosos o métricas clave. El azul suave funciona bien para navegación y acciones secundarias sin destacar demasiado. Consejo: usa el gris medio para bordes y divisores para que los gráficos sean legibles.

Ejemplo de imagen de laboratorio silencioso generada con media.io

7) Plano Botánico

HEX: #2E7D5B #2E6F91 #6E7F86 #D0D8D6 #1B2B2A

Estado de ánimo: botánico, reflexivo, creativo

Ideal para: ilustración póster botánico en acuarela

Botánico y reflexivo, sugiere hojas prensadas sobre una cuadrícula de planos limpia. Usa el teal verde para el follaje y el azul para sombras y líneas sutiles. Un fondo gris-azul frío mantiene la ilustración moderna. Consejo: limita el tono más oscuro a los contornos delicados para que la acuarela siga suave.

Ejemplo de imagen de plano botánico generada con media.io

8) Tránsito Costero

HEX: #357A74 #3B6F9B #7E8C93 #E9EEEF #283238

Estado de ánimo: fresco, organizado, confiable

Ideal para: póster de señalización de tránsito público

Fresco y confiable, recuerda líneas costeras trazadas con precisión. Usa el azul para resaltar rutas y el teal para etiquetas, dejando el gris claro como fondo principal del póster. El pizarra oscuro mantiene el texto claro a distancia. Consejo: usa solo dos acentos de color por póster para evitar ruido visual en mapas complejos.

Ejemplo de imagen de tránsito costero generada con media.io

9) Acero Eucalipto

HEX: #4C8A72 #3D6C8F #5F6D74 #C7D0D2 #1C2327

Estado de ánimo: terroso, moderno, equilibrado

Ideal para: empaque y set de etiquetas para productos de cuidado de la piel

Terrosos y equilibrados, estos tonos evocan hojas de eucalipto sobre metal cepillado. Combinaciones en verde azul gris como esta funcionan bien para cosmética premium si mantienes el diseño minimalista mostrando el material. Combina con papel sin recubrimiento, relieve sutil y fondo blanco cálido para dar un lujo suave. Consejo: usa el gris acero para los ingredientes y mantiene las etiquetas legibles.

Ejemplo de imagen de acero eucalipto generado con media.io

10) Atrio Lluvioso

HEX: #2B6D63 #3A5F78 #88959C #DCE2E3 #2B3136

Estado de ánimo: tranquilo, reflexivo, elegante

Ideal para: sección principal de sitio web de spa

Tranquilo y reflexivo, evoca una ventana de atrio surcada por la lluvia. Usa el gris pálido como fondo principal y luego superpone el verde azulado y el azul en degradados para una profundidad calmada. Combínalo con títulos serif suaves y mucho espacio en blanco para mantener la serenidad. Consejo: mantén el contraste accesible usando el tono más oscuro para el texto y los botones.

Ejemplo de imagen de atrio lluvioso generado con media.io

11) Oficina Glaciar

HEX: #2E6E6A #2C6288 #B5C2C7 #F7FAFA #4B5660

Estado de ánimo: fresco, enfocado, profesional

Ideal para: tema de presentación corporativa

Fresco y enfocado, se siente como la luz de un glaciar en una oficina tranquila. Usa el azul para encabezados y el verde azulado para resaltar datos, mientras que el casi blanco mantiene limpias las diapositivas. El gris azul medio es genial para gráficos, líneas de cuadrícula y pies de página. Consejo: mantiene un solo acento fuerte por diapositiva para que los números sigan siendo el foco principal.

Ejemplo de imagen de oficina glaciar generado con media.io

12) Nautilus Moderno

HEX: #2D7A6C #2C5F93 #7B8C94 #E2E8EA #20303A

Estado de ánimo: limpio, náutico, moderno

Ideal para: sitio web de agencia creativa y estudios de caso

Limpio y náutico, sugiere una concha de nautilo dibujada con tinta y un matiz marino. Como paleta de color azul verdoso gris, le da a los sitios de agencias una apariencia segura sin ser llamativa. Combínalo con layouts de cuadrícula audaces, mucho espacio negativo y un solo acento cálido como arena o cobre para CTA. Consejo: mantén las imágenes de los estudios de caso consistentes y deja que la paleta aporte el acabado.

Ejemplo de imagen de nautilus moderno generado con media.io

13) Circuito Salvia

HEX: #5C8B7D #2F6B87 #A7B0B4 #EDEFF0 #354047

Estado de ánimo: tecnológico, suave, accesible

Ideal para: pantallas de bienvenida de app e iconos

Tecnológico pero suave, se siente como una placa base tranquila dibujada en acuarela. Usa el tono salvia para el relleno de iconos amigables y el azul para los botones principales, manteniendo el neutro claro como base de la pantalla. Los grises ayudan a crear jerarquía sin agregar más colores. Consejo: mantén los trazos de los iconos consistentes y usa el gris más oscuro solo para etiquetas clave.

Ejemplo de imagen de circuito salvia generado con media.io

14) Puerto Profundo

HEX: #0F4B47 #164C78 #66747D #C1C9CC #0B1115

Estado de ánimo: dramático, marítimo, premium

Ideal para: diseño de menú para bar de cocteles

Dramático y marítimo, evoca un puerto profundo de noche con barandillas metálicas pulidas. Usa el casi negro y el verde azulado oscuro como base del menú y luego integra el azul para encabezados y divisores. Combínalo con papel texturizado y arte lineal mínimo para una sensación premium. Consejo: usa el texto en gris claro para asegurar la legibilidad bajo poca luz.

Ejemplo de imagen de puerto profundo generado con media.io

15) Spa Mineral

HEX: #4F8F86 #3D6E87 #A0AEB0 #F3F4F2 #3F4A4F

Estado de ánimo: reconfortante, limpio, restaurador

Ideal para: estilismo de azulejos y toallas de baño

Reconfortante y restaurador, evoca agua mineral sobre piedra lisa. Deja que el neutro pálido domine las paredes, y utiliza el verde azulado y el azul en patrones de azulejos o toallas para un toque sutil. Herrajes en negro mate y madera clara lo mantienen contemporáneo. Consejo: repite el gris medio en la lechada o accesorios para unir todo el baño.

Ejemplo de imagen de spa mineral generado con media.io

16) Muro de Museo

HEX: #3E7C6C #365D7D #97A3A9 #E7E3DB #2A3338

Estado de ánimo: tranquilo, curado, atemporal

Ideal para: layout de reportaje editorial

Tranquilo y curado, recuerda una pared de galería con papel lino y focos de luz fría. Usa el neutro cálido claro como base de página, luego los encabezados en pizarra y citas destacadas en azul. El verde azulado luce bien en pequeños ornamentos gráficos o pestañas de sección. Consejo: Mantén los tonos fotográficos fríos y desaturados para que la paleta permanezca coherente.

Ejemplo de imagen de muro de museo generado con media.io

17) Asfalto Suave

HEX: #2E645F #3E5E73 #727E85 #CED5D7 #1A1F22

Estado de ánimo: industrial, suave, discreto

Ideal para: folleto de marca de servicio automotriz

Industrial pero suave, se siente como un asfalto recién hecho tras una llovizna. Usa los tonos más oscuros para títulos fuertes y paneles de sección, luego deja los bloques de contenido aireados con el gris claro. El gris azulado es ideal para diagramas e iconos técnicos. Consejo: combínalo con ilustraciones lineales limpias para mantener el folleto moderno y legible.

Ejemplo de imagen de asfalto suave generado con media.io

18) Pino Nublado

HEX: #2A6A4F #255B7B #8A9AA0 #E1E7E8 #2F353A

Estado de ánimo: fresco, aventurero, estable

Ideal para: banner publicitario para producto de senderismo

Fresco y aventurero, evoca las agujas de pino bajo un cielo nublado. Combinaciones de azul verdoso y gris como estas son ideales para anuncios de equipamiento, ya que evocan resistencia sin llegar a camuflaje total. Usa el azul profundo para titulares, el verde pino para destacar el producto y el gris claro como espacio negativo. Consejo: que los fondos sean simples para mantener la silueta del producto clara.

Ejemplo de imagen de pino nublado generado con media.io

19) Jardín Plano

HEX: #3F8064 #2F6A96 #7D8B92 #D9E1DF #223038

Estado de ánimo: fresco, estructurado, optimista

Ideal para: flyer para evento de jardín comunitario

Fresco y estructurado, se siente como notas de planificación de jardín dibujadas sobre papel de boceto limpio. Usa el verde para títulos e iconos, el azul para divisores y el neutro claro para el fondo del flyer. Combina con ilustraciones sencillas y tipografía redondeada amigable para mantenerlo acogedor. Consejo: añade un color fuerte solo en pequeñas dosis si necesitas énfasis adicional.

Ejemplo de imagen de jardín plano generado con media.io

20) Ferry Nocturno

HEX: #1B5B50 #1E4F7A #5D6A72 #B9C3C7 #0E1418

Estado de ánimo: cinematográfico, calmado, seguro

Ideal para: portada de playlist musical

Cinematográfico y calmado, sugiere un ferry nocturno cortando aguas tranquilas. Usa el azul profundo y el verde azulado como formas principales, luego agrega gris claro para texto y detalles sutiles. Las texturas granuladas y la geometría simple combinan bien con el ambiente atenuado. Consejo: mantén alto el contraste en pantallas pequeñas usando el tono más oscuro detrás del título.

Ejemplo de imagen de ferry nocturno generado con media.io

¿Qué colores combinan bien con el verde azul gris?

Los neutros cálidos son la combinación más sencilla: crema, lino, arena y blanco cálido evitan que las paletas verde azul gris se vean frías. Para interiores, añade tonos de madera natural (roble, nogal) para aportar acogida y profundidad al instante.

Los metales también combinan bien. Níquel cepillado y cromo refuerzan lo moderno y frío, mientras que el latón y el cobre suman calidez y un acabado más premium, especialmente junto a pizarra y verde azulado.

Si buscas contraste, prueba pequeñas dosis de colores cálidos como terracota, arcilla, coral o mostaza. Limítalos a CTA, almohadas, arte o etiquetas para mantener la paleta calmada y sofisticada.

Cómo usar una paleta de colores verde azul gris en diseños reales

Comienza asignando roles: usa el tono más claro como fondo principal, los grises medios para la estructura (tarjetas, bordes, cuadrículas) y el verde azulado/azul más oscuro para acciones primarias o elementos destacados. Así mantienes clara la jerarquía sin añadir colores extra.

En UI, revisa la accesibilidad desde el inicio: el verde azulado o azul marino sobre casi blanco suele aprobar fácilmente, pero los grises medios quizás deban oscurecerse para el texto principal. En impresión y branding, usa un solo ancla saturada (verde azulado o azul) y deja que los grises equilibren la composición.

En interiores, utiliza el tono más oscuro solo en detalles (molduras, herrajes, pequeños adornos) y repite un matiz medio dos o tres veces por la estancia (alfombra + arte + cojines) para que el esquema se vea intencionado y no accidental.

Crea visuales de paletas verde azul gris con IA

Si ya tienes los códigos HEX, la forma más rápida de validar el estilo es generar algunos visuales temáticos: un banner heroico, una escena de cuarto, maquetas de empaque o una pantalla de UI. Ver los colores en materiales e iluminación te ayuda a elegir el balance adecuado entre calidez y contraste.

En Media.io, puedes pegar un prompt (como los anteriores), especificar la relación de aspecto y probar estilos rápidamente—costero, moderno, premium, editorial—mientras mantienes la dirección verde azul gris coherente.

Genera varias opciones y escoge la versión que mejor se adapte a la voz de tu marca o tu espacio: aireado y luminoso para bienestar, o más profundo e intenso para hostelería y ocio nocturno.

Siguiente: Paleta de colores lino