20 Paletas de Colores Azul Verde Oscuro con Códigos Hexadecimales

El azul verde oscuro se sitúa justo entre el azul marino y el verde azulado, por lo que puede sentirse tanto confiable como refrescante al mismo tiempo. Es una opción habitual para interfaces modernas, marcas premium e interiores que buscan profundidad sin llegar al negro.

A continuación encontrarás 20 paletas de azul verde oscuro seleccionadas con códigos HEX, además de consejos prácticos de combinación y ideas aplicables a sitios web, envases y espacios.

Por qué las paletas de azul verde oscuro funcionan tan bien

Las paletas de azul verde oscuro se sienten firmes como el azul marino, pero también transmiten la calma natural del verde. Esa mezcla las hace versátiles: lo suficientemente serias para finanzas y tecnología, y a la vez accesibles para marcas de bienestar, hospitalidad y estilo de vida.

También crean sistemas de contraste fuertes. Los tonos azul-verde profundos pueden servir como base para navegación, encabezados y tipografía, mientras que los matices más claros y blancos cálidos mantienen los diseños legibles y modernos.

Finalmente, el azul verde oscuro tiende a verse “premium” tanto en digital como en impresión. Se combina bellamente con neutros suaves, metales cepillados y pasteles apagados, dándote profundidad sin dureza.

Más de 20 ideas de paletas de colores azul verde oscuro (con códigos HEX)

1) Alga Marina Nocturna

HEX: #061A1F #0B2C35 #0F4C5C #9FB7B6 #F2EFEA

Ambiente: sensible, pulido, oceánico

Ideal para: panel de control financiero UI

Sensible y profundo como el océano, estos tonos evocan bosques de algas bajo la luz de la luna. Usa los tonos casi negros y verde azulado profundo para navegación y paneles de datos, y mejora la legibilidad con fondos de piedra pálida. Combina con separadores blancos delgados y detalles suaves en verde azulado para mantener los gráficos nítidos. Consejo: reserva el tono más claro para estados vacíos y consejos para que la interfaz respire.

Ejemplo de imagen de alga marina nocturna generado usando 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.

Prueba gratis ahora

2) Niebla del Puerto

HEX: #0D2B33 #1D5B67 #2F8A8A #BFD6D2 #FFF6EE

Ambiente: calmado, aireado, costero

Ideal para: identidad de marca de spa

Calmado y brumoso como la niebla matutina en un puerto, esta mezcla se siente fresca sin ser fría. Los tonos medianos de verde azulado funcionan bien para logotipos y marcas secundarias, mientras que el gris-verde brumoso suaviza los fondos. Combínalo con texturas cálidas de papel blanco y arte lineal minimalista para lograr una apariencia premium y silenciosa. Consejo: utiliza el verde azulado más brillante para acentos de llamada a la acción para mantener la marca serena.

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

3) Fiordo Alpino

HEX: #081B2A #0E3A4A #1D6A7A #7FA6A0 #E7E2D6

Ambiente: fresco, aventurero, refinado

Ideal para: sitio web de equipo outdoor

Fresco e intenso, evoca un fiordo en altitud con aguas azul acero y sombras perennes. Esta paleta es ideal para encabezados hero, secciones de producto y especificaciones técnicas donde el contraste importa. Combínalo con neutros cálidos de arena para evitar un aspecto demasiado frío, y usa el verde gris suave en bloques de texto secundarios. Consejo: aplica el tono más oscuro a la navegación fija y el verde azulado medio a los estados hover para una UI segura y aventurera.

Ejemplo de imagen de fiordo alpino generado usando media.io

4) Pino Entintado

HEX: #07151C #0A2830 #0F5563 #2A9D8F #F3F1EA

Ambiente: audaz, moderno, enérgico

Ideal para: página de inicio startup tech

Audaz y oscuro, estos tonos recuerdan a agujas de pino en tinta de medianoche. El verde azulado brillante añade energía sin ser neón, ideal para botones y datos clave. Combina con fondo blanco cálido y mucho espacio en blanco para una página de inicio premium. Consejo: limita el acento verde azulado a una acción principal por sección para un camino de conversión más limpio.

Ejemplo de imagen de pino entintado generado usando media.io

5) Laguna Profunda

HEX: #04161C #063D44 #0B6E6B #7CC6B2 #F7E9D0

Ambiente: tropical, exuberante, acogedor

Ideal para: diseño de menú de restaurante

Exuberante y tropical, recuerda una laguna serena con luz solar sobre aguas poco profundas. Usa los tonos más oscuros para encabezados de sección y bordes, luego deja el verde espuma de mar para iluminar precios y destacados. Combina con pergamino cálido y textura sutil para un toque artesanal y no corporativo. Consejo: agrega pequeños íconos botánicos en verde azulado medio para unir las categorías.

Ejemplo de imagen de laguna profunda generado usando media.io

6) Náutico Vintage

HEX: #0B1F2A #124A5A #1E7A8A #D2C3A5 #F6F2E8

Ambiente: clásico, de herencia, marítimo

Ideal para: etiqueta de whisky

Clásico y con toques de herencia, evoca pintura de barco envejecida y lona antigua. Estas combinaciones resaltan en etiquetas donde se busca tradición con un aire moderno. Combina con cartulina blanca, detalles en relieve y un toque de arena cálida para recordar mapas de navegación antiguos. Consejo: mantén la tipografía en casi negro y usa el verde azulado medio para filigranas y reglas de borde.

Ejemplo de imagen de náutico vintage generado usando media.io

7) Invernadero Lluvioso

HEX: #0A1C22 #163B44 #2E6F73 #A8B9A6 #ECE7DA

Ambiente: suave, botánico, acogedor

Ideal para: set de ilustración botánica

Suave y botánico, sugiere gotas de lluvia en cristales de invernadero y hojas húmedas. El salvia apagado mantiene la paleta gentil, mientras que los verdes azulados profundos agregan estructura para tallos y follaje sombreado. Combina con papel crema cálido y texturas de lápiz ligero para un acabado natural y tranquilo. Consejo: utiliza el tono más oscuro con moderación para las sombras más profundas y mantener el estilo acuarela.

Ejemplo de imagen de invernadero lluvioso generado usando media.io

8) Biblioteca Nórdica

HEX: #091A20 #14323D #2E5E6B #C8D0CB #F1EEE6

Ambiente: tranquila, académica, minimalista

Ideal para: diseño editorial de revista

Tranquila y académica, estos tonos recuerdan una sala de lectura nórdica, con paredes de pizarra y luz suave. Los tonos medios azul-verde funcionan maravillosamente para citas destacadas y marcas de sección sin distraer el texto principal. Combina con márgenes blanco y titulares serif contenidos para un ritmo editorial moderno. Consejo: utiliza el gris-verde como fondo suave en barras laterales y notas al pie.

Ejemplo de imagen de biblioteca nórdica generado usando media.io

9) Terciopelo Vidrio Marino

HEX: #071D24 #0D3F4A #1B7C86 #79C7C7 #FAEBD7

Ambiente: fresco, sedoso, animado

Ideal para: anuncio de producto de cuidado de la piel

Fresco y sedoso, aporta brillo de vidrio marino sobre una base de terciopelo oscuro. El aqua más brillante es ideal para resaltar ingredientes y beneficios, mientras que el verde azulado mantiene el anuncio premium. Combina con beige cálido para favorecer tonos de piel y evitar un aspecto clínico. Consejo: usa un gradiente de verde azulado profundo a aqua detrás del producto para agregar profundidad sin saturar.

Ejemplo de imagen de terciopelo azul mar generado con media.io

10) Jardín Nocturno

HEX: #05171A #0B2E36 #145E63 #3FA58B #F2F0E6

Ambiente: misterioso, elegante, orgánico

Ideal para: conjunto de invitación de boda

Misterioso y elegante, se siente como una ceremonia en el jardín después del anochecer con la luz de linternas sobre las hojas. Utiliza el tono más oscuro para los nombres y títulos, luego añade el verde azul para monogramas o arte floral lineal. Combínalo con papel marfil cálido y detalles sutiles en foil para un acabado romántico. Consejo: mantén la tinta de acento en uno o dos elementos por tarjeta para que el conjunto permanezca atemporal.

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

11) Marina Tempestuosa

HEX: #071821 #0F3542 #1C5D6B #8BA9A5 #E9E1D2

Ambiente: dramático, estable, sofisticado

Ideal para: informe anual corporativo

Dramático pero estable, transmite la sensación de una tormenta cruzando una marina y calmándose. Los tonos azul verdosos hacen que los gráficos y divisores de sección se perciban seguros, mientras el neutro cálido evita que la composición resulte fría. Úsalo con tipografía sans serif limpia y mucho espacio para un tono moderno corporativo. Consejo: asigna un azul petróleo para las series de datos y el resto mantenlo monocromo para mayor claridad.

Ejemplo de imagen de marina tempestuosa generado con media.io

12) Abismo Esmeralda

HEX: #041316 #08323B #0A5A5E #0FA37F #F7F3E8

Ambiente: lujo, alto contraste, audaz

Ideal para: bienvenida a app premium

Lujoso y de alto contraste, sugiere un brillo esmeralda emergiendo del agua profunda. El verde vibrante funciona mejor como micro-acento para indicadores de progreso y acciones clave, mientras la base oscura realza el texto. Combínalo con pantallas cálidas (blanco roto) para evitar fatiga y mantener la experiencia amigable. Consejo: usa el color brillante para destacar un solo elemento onboarding por pantalla y guiar la atención.

Ejemplo de imagen de abismo esmeralda generado con media.io

13) Eucalipto Pizarra

HEX: #0B1C1F #17383E #2F6B70 #98B2A6 #EFE4D4

Ambiente: conectado a la tierra, natural, moderno

Ideal para: estilo de interiores de sala de estar

Conectado a la tierra y natural, se siente como hojas de eucalipto sobre piedra pizarra. Usa el azul petróleo oscuro como color de pared de acento o carpintería, luego suaviza con textiles beige cálidos y madera clara. Combínalo con herrajes de latón cepillado para añadir calidez sin dominar los tonos fríos. Consejo: repite el verde salvia apagado en cojines y arte para dar intención, no un tema.

Ejemplo de imagen de eucalipto pizarra generado con media.io

14) Plano Costero

HEX: #061C24 #0B3B4A #136A7A #4CB6B6 #F5F0E6

Ambiente: limpio, estructurado, contemporáneo

Ideal para: página de precios SaaS UI

Limpio y estructurado, evoca un plano costero con líneas precisas y tinta oceánica. Los tonos oscuros son perfectos para títulos y bordes de tarjetas de precios, mientras el aqua mantiene las insignias y botones vivos. Úsalo con una base cálida blanco roto y sombras sutiles para sostener el tono confiable de SaaS. Consejo: el aqua solo para el plan recomendado, facilitando la decisión.

Ejemplo de imagen de plano costero generado con media.io

15) Sombra de Pavo Real

HEX: #07141B #0F2E3C #14586D #2D8FA3 #EAD9C3

Ambiente: artístico, confiado, ligeramente retro

Ideal para: cartel de evento de galería

Artístico y confiado, se siente como una pluma de pavo real vista en sombra. Esta paleta de verde azul oscuro funciona muy bien en carteles tipográficos donde buscas dramatismo sin llegar al negro. Combínalo con fondo beige cálido y tipografía sans serif grande para un ambiente contemporáneo de galería. Consejo: el azul petróleo más brillante para un solo elemento focal, como la fecha o el lugar, controlando la jerarquía.

Ejemplo de imagen de sombra de pavo real generado con media.io

16) Vaquero Bosque Profundo

HEX: #06161E #0D2F3A #1E5C5E #6F9C8E #F4EDE1

Ambiente: resistente, relajado, aventurero

Ideal para: lookbook de moda streetwear

Resistente y relajado, sugiere sombra de bosque mezclada con vaquero desgastado. Usa los tonos más oscuros para las páginas y pies de foto, luego el verde apagado para fondos secundarios y bloques gráficos. Combínalo con espacio negativo blanco roto y cuadrículas simples para mantener la limpieza en el lookbook. Consejo: agrega un panel neutro cálido cada varias páginas para romper la secuencia fría.

Ejemplo de imagen de bosque profundo vaquero generado con media.io

17) Azul Petróleo Museo

HEX: #071A1E #0E3A43 #1C6B73 #B7C6BF #F2E7D6

Ambiente: curado, silencioso, sofisticado

Ideal para: señalización de exposición de museo

Curado y silencioso, se siente como paredes de galería, pátina y focos suaves. El azul petróleo medio es fuerte para señalización directa y codificación de color para secciones, mientras el gris verde pálido mantiene los fondos calmados. Combina con beige cálido e iconografía clara para facilitar la lectura. Consejo: prueba el contraste a distancia y reserva el tono más oscuro para etiquetas críticas.

Ejemplo de imagen de azul petróleo museo generado con media.io

18) Pícea Ártica

HEX: #06161A #0B2B33 #16505A #4E7E7B #E6E9E4

Ambiente: fresco, minimalista, aireado

Ideal para: UI de app de salud

Fresco y aireado, recuerda agujas de pícea contra luz invernal pálida. Usa el azul petróleo casi negro para texto principal y títulos, luego el azul más suave para gráficos y anillos de progreso. Combínalo con blanco roto helado como base principal para que la UI sea limpia y tranquilizadora. Consejo: mantén baja la saturación en elementos secundarios para que las métricas de salud sean el foco.

Ejemplo de imagen de pícea ártica generado con media.io

19) Arcilla de Enebro Azul

HEX: #071822 #0E3444 #215D6F #A7A39A #F1E4CF

Ambiente: terroso, moderno, equilibrado

Ideal para: packaging de producto de cerámica

Terroso y moderno, mezcla profundidad azul enebro con calidez de arcilla. Estas combinaciones de verde azul oscuro se ven especialmente bien en cajas mates y etiquetas donde importa la textura. Combínalo con cartón kraft natural, tipografía discreta y un pequeño sello azul petróleo para sugerir artesanía. Consejo: mantén el beige cálido como campo dominante y usa azul petróleo profundo para bloques de marca y sellos.

Ejemplo de imagen de arcilla de enebro azul generado con media.io

20) Eclipse Botánico

HEX: #041216 #092A34 #0E4B5A #2C7F7A #F8F1E3

Ambiente: misterioso, natural, cinematográfico

Ideal para: diseño de portada de libro

Misterioso y cinematográfico, se siente como un eclipse sobre un jardín botánico. La base oscura apoya títulos audaces, mientras los tonos azul petróleo suavizados son perfectos para hojas ilustradas o degradados sutiles. Combínalo con crema cálida para que la portada sea legible en miniaturas e impresiones. Consejo: usa un acento azul petróleo de alto contraste en el título para crear un punto focal fuerte.

Ejemplo de imagen de eclipse botánico generado con media.io

¿Qué colores combinan bien con azul verde oscuro?

Los neutros cálidos son la opción más fácil: marfil, crema, arena y pergamino hacen que el azul verde oscuro se vea más suave y premium. También mejoran la legibilidad en UI manteniendo alto el contraste sin la crudeza del blanco puro.

Para colores de acento, prueba coral apagado, terracota, cobre o rosa para añadir calidez y energía humana. Si deseas un look moderno y nítido, combina azul verde oscuro con aqua pálido, verde grisáceo o blancos fríos para mantener todo limpio y costero.

Para acentos audaces, usa mostaza o tonos dorados con moderación—solo lo suficiente para enfatizar botones, insignias o datos clave—para que la paleta siga sofisticada y no estridente.

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

En branding, emplea azul verde oscuro como color principal de “confianza” (logos, títulos, paneles de packaging), luego agrega un azul petróleo más claro para elementos secundarios como iconos y marcas auxiliares. Mantén un neutro cálido como fondo dominante para evitar que el sistema se perciba pesado.

En UI, el azul verde oscuro sobresale en barras de navegación, paneles y superficies de modo oscuro porque reduce el reflejo comparado con el negro puro. Asigna un azul petróleo brillante (o esmeralda) como color interactivo consistente para CTAs, toggles y estados activos.

En interiores, trata el azul verde oscuro como un navy moderno: excelente para pared de acento, muebles empotrados o baldosas. Equilibra con madera clara, textiles cálidos y un poco de latón o piedra cálida para mantener el ambiente acogedor.

Crea visuales de paletas azul verde oscuro con IA

Si deseas ver estas paletas en contexto, genera maquetas rápidas—como landing pages, carteles, anuncios de producto o escenas de habitación—usando prompts de texto. Esto te ayuda a validar contraste, ambiente y jerarquía antes de definir los assets finales de diseño.

Con la herramienta de texto a imagen de Media.io, iteras rápido: cambia fondos, ajusta luz, o prueba distintas ubicaciones de acento manteniendo el núcleo azul verde oscuro. Es especialmente útil cuando necesitas múltiples conceptos para clientes o pruebas A/B.

Siguiente: Paleta de Colores Amarillo Mostaza