20 paletas modernas en negro, azul y verde con códigos hexagonales

Negro, azul y verde es un trío moderno que puede transmitir calma, tecnología o un aire cinematográfico, dependiendo del contraste y saturación que utilices.

A continuación se presentan ideas seleccionadas de paletas de colores negro, azul y verde con códigos HEX, casos de uso prácticos y prompts para copiar y pegar y generar imágenes a juego rápidamente.

Por Qué las Paletas Negro Azul Verde Funcionan Tan Bien

El negro ancla el esquema con estructura y contraste, mientras que el azul aporta confiabilidad y claridad, haciendo que la combinación se sienta inmediatamente “diseñada” y no accidental.

El verde aporta equilibrio y una sensación de vida, suavizando la frialdad del azul y evitando que los diseños oscuros se sientan demasiado agresivos o corporativos.

Juntos, crean un rango flexible: desde interfaces en modo oscuro elegantes hasta estilos editoriales costeros, con verdes y turquesas destacados que dirigen la atención donde importa.

Más de 20 Ideas de Paletas Negro Azul Verde (con Códigos HEX)

1) Arrecife de Medianoche

HEX: #0b0d10 #0f2a3d #0b5a7a #0b8f7a #19c37d

Ambiente: sombrío, elegante, acuático

Ideal para: branding tecnológico, secciones principales de sitios web

Sombríos y acuáticos, estos tonos evocan agua profunda iluminada por un brillo limpio de LED. Brillan en landing pages modernas, branding SaaS y cabeceras en modo oscuro donde el contraste importa. Combina con tipografía blanca nítida e íconos de línea fina para mantenerlo elegante. Consejo de uso: reserva el verde brillante como micro-acento para CTA y estados activos.

Ejemplo de imagen de arrecife de medianoche generado con media.io

Media.io

Media.io es un estudio de IA online para crear y editar video, imagen y audio directamente en tu navegador.

Pruébalo Gratis Ahora

2) Alga Urbana

HEX: #0a0a0c #123047 #1f5f8b #2a7a5e #7fbf8a

Ambiente: sólido, urbano, natural

Ideal para: moodboards de interiores, presentaciones de arquitectura

Sólida y urbana, esta mezcla evoca piedra mojada, sombras de acero y verdes de alga tras la lluvia. Funciona bien en moodboards de interiores, presentaciones de arquitectura y paletas de materiales donde se busca sofisticación tranquila. Combínalo con texturas de roble cálido o grises de concreto para un look creíble y habitable. Consejo de uso: reserva el verde suave para fondos grandes y usa el azul para los contornos y etiquetas.

Ejemplo de imagen de alga urbana generado con media.io

3) Marea Neón

HEX: #050607 #0c1f3a #1b4fb3 #00a6a6 #3cffb5

Ambiente: enérgico, futurista, eléctrico

Ideal para: anuncios de ropa deportiva, carteles de vida nocturna

Eléctricos y futuristas, los colores impactan como luces de la ciudad reflejadas en el agua en movimiento. Estas combinaciones son ideales para anuncios de ropa deportiva, carteles nocturnos y gráficos sociales atrevidos. Mantén fondos oscuros para que el cian y la menta resalten sin volverse caóticos. Consejo de uso: usa el azul vívido para titulares y la menta para toques y señales de movimiento.

Ejemplo de imagen de marea neón generado con media.io

4) Tinta de Bosque Profundo

HEX: #070809 #0d1b2a #0f3d2e #1f6f4a #a3c9a8

Ambiente: tranquilo, terroso, de lectura

Ideal para: portadas de libros, informes ecológicos

Tranquilos y literarios, estos tonos evocan tinta sobre papel rugoso con una sombra de bosque detrás. Funcionan bien en portadas de libros, informes ecológicos y branding documental donde se prefiere credibilidad sobre espectacularidad. Combina con titulares en serif y texturas de papel blanquecino para un acabado táctil. Consejo de uso: usa el azul marino profundo para textos largos en vez de negro puro para reducir el brillo.

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

5) Circuito Ártico

HEX: #0b0b0f #102a43 #1d4e89 #2bb3b1 #b7f7e0

Ambiente: limpio, helado, técnico

Ideal para: dashboards analíticos, UI de SaaS B2B

Limpia y técnica, la paleta recuerda aire frío, vidrio y circuitos precisos. Funciona especialmente bien en dashboards de análisis y UI SaaS B2B donde la claridad es clave. Combínala con neutros claros y divisores sutiles para mantener un layout aireado. Consejo de uso: usa el menta helado sólo para estados de éxito y datos clave para evitar ruido visual.

Ejemplo de imagen de circuito ártico generado con media.io

6) Noche de Museo

HEX: #0c0c0e #1b2d3a #2b5b6b #2f7d63 #e0e7d6

Ambiente: refinado, calmado, de galería

Ideal para: layouts editoriales, programas de eventos culturales

Refinados y tranquilos, estos tonos evocan un museo tras el cierre con focos suaves sobre el vidrio. Encajan en layouts editoriales, programas culturales y folletos premium que requieren autoridad serena. Combina con márgenes generosos y fondo blanquecino cálido para un diseño elegante. Consejo de uso: deja que el verde azulado apaciguado lleve los encabezados y la crema soporte la legibilidad.

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

7) Puerto Lluvioso

HEX: #0a0b0d #132b3b #1e4763 #2a6f7a #4aa88a

Ambiente: fresco, costero, discreto

Ideal para: menús de cafetería, folletos de viaje

Fresco y costero, sugiere muelles mojados, cielos nublados y aguas tranquilas. Úsalo en menús de cafetería, folletos turísticos y sistemas de marca que buscan una vibra relajada pero pulida. Combínalo con tipografías simples sans-serif y un toque de textura para evitar que se sienta demasiado corporativo. Consejo de uso: usa el tono más oscuro de fondo y resalta el diseño con íconos y separadores verde azulado.

Ejemplo de imagen de puerto lluvioso generado con media.io

8) Plano Esmeralda

HEX: #0b0c10 #0f2d4a #1a6fb3 #1aa37a #38e0a1

Ambiente: confiado, nítido, moderno

Ideal para: branding de startups, onboarding de apps

Confiada y nítida, recuerda un plano dibujado en tinta brillante con un giro esmeralda fresco. Esta paleta es ideal para branding de startups y flujos de onboarding donde buscas energía sin perder confianza. Combina con formas geométricas y un set de íconos restringido para mantener la intención. Consejo de uso: usa el verde brillante como indicador de progreso y reserva el azul intenso para pantallas clave.

Ejemplo de imagen de plano esmeralda generado con media.io

9) Laguna Oscura

HEX: #06080a #0a2233 #0f405e #0f6a64 #0fbf9b

Ambiente: misterioso, calmado, acuático

Ideal para: portadas de pódcast, miniaturas cinematográficas

Misteriosa y tranquila, estos colores evocan una laguna nocturna con un toque de bioluminiscencia. Funcionan bien en portadas de pódcast, miniaturas de cine y branding de canales sombríos. Combina con tipografía de alto contraste y degradados sutiles para crear profundidad sin saturar. Consejo de uso: reserva el verde azulado más brillante para un solo elemento focal, como una línea o badge de título.

Ejemplo de imagen de laguna oscura generada usando media.io

10) Menta sobre Carbón

HEX: #111214 #1a2b3a #2d4f6a #2f8f83 #b7f5e5

Ambiente: fresco, equilibrado, minimalista

Ideal para: envase para cuidado de la piel, marcas de bienestar

Fresco y equilibrado, se siente como menta fresca sobre piedra de carbón. Úsalo para empaques de skincare, branding de bienestar y visuales limpios de e-commerce donde la confianza y la calma sean prioridad. Combínalo con mucho espacio negativo y materiales mate para mantener la paleta premium. Consejo: imprime la menta como un suavizado sutil en etiquetas y reserva los tonos profundos para la tipografía.

Ejemplo de imagen de menta sobre carbón generada usando media.io

11) Ciber Costero

HEX: #0a0c10 #0b2a55 #145da0 #17bebb #c4fff9

Ambiente: brillante, digital, fresco

Ideal para: herramientas para desarrolladores, landing pages

Brillante y digital, mezcla claridad oceánica con un toque cibernético. Es ideal para herramientas de desarrollo, sitios de documentación y páginas de aterrizaje que requieran indicadores claros y un contraste amigable. Acompaña con fondo neutro y delineados delgados para mantener la legibilidad del cian. Consejo: usa el aqua claro como fondo al pasar el cursor y reserva los azules oscuros para la navegación.

Ejemplo de imagen de ciber costero generada usando media.io

12) Sombra de Enebro

HEX: #090a0b #12231f #1f4d3a #2f7b5a #9bd3ae

Ambiente: orgánico, sombrío, forestal

Ideal para: marcas outdoor, envases naturales

Orgánico y sombrío, evoca ramas de enebro bajo una sombra profunda. Estos tonos funcionan maravillosamente para marcas de aire libre, empaques naturales y mensajes de conservación. Combínalos con texturas de papel kraft e íconos simples tipo estampilla para dar autenticidad. Consejo: mantén el verde pálido sólo como acento para no suavizar demasiado el carácter robusto.

Ejemplo de imagen de sombra de enebro generada usando media.io

13) Minimal Oceánico

HEX: #0d0f12 #16324f #1f6aa5 #2b9ea8 #d2f1ea

Ambiente: minimalista, aireado, costero

Ideal para: plantillas de presentación, páginas de producto

Minimalista y aireada, la paleta evoca agua abierta y tipografía limpia. Es ideal para diapositivas, páginas de productos o portafolios donde busques estructura serena y algo de color. Combina con fondos claros y una estricta cuadrícula para mantener el aire moderno. Consejo: usa el aqua suave en paneles grandes y el azul para enlaces y datos clave.

Ejemplo de imagen de minimal oceánico generada usando media.io

14) Pino y Petróleo

HEX: #080a0c #0e2533 #184a5e #216b5f #58c9a5

Ambiente: aventurero, estable, fresco

Ideal para: carteles de viaje, branding de hoteles boutique

Aventurero y estable, recuerda a agujas de pino sobre agua azul petróleo. Úsalo en carteles de viaje, marcas de hoteles boutique y señalización que requiera comunicar calma y confianza. Combina con tipografía condensada y líneas topográficas sutiles para un sentido de pertenencia. Consejo: deja que el verde menta actúe como acento en flechas e iconos de ubicación.

Ejemplo de imagen de pino y petróleo generada usando media.io

15) Botánica Glacial

HEX: #0a0c0f #123248 #1b6b8f #3dbf9c #e6fff6

Ambiente: fresco, botánico, claro

Ideal para: ilustraciones en acuarela, campañas de primavera

Fresco y botánico, evoca agua glaciar que alimenta hojas nuevas y brillantes. Los colores son geniales para campañas de primavera, encabezados de blogs ecológicos y trabajos de ilustración delicada. Combina con texturas de acuarela y espacios aireados para mantener la suavidad de la paleta. Consejo: deja el negro casi puro sólo para detalles pequeños como líneas y texto mínimo.

Ejemplo de imagen de botánica glacial generada usando media.io

16) Vidrio de Tormenta

HEX: #0b0c10 #152238 #2a4b7c #2a7f6d #8ee6cf

Ambiente: tormentoso, elegante, moderno

Ideal para: dashboards fintech, UI con muchos datos

Tormentoso y elegante, recuerda a vidrio oscuro con una refracción limpia de verde azulado. Esta paleta de negro, azul y verde es ideal para dashboards fintech y UIs con muchos datos donde la confianza y precisión sean clave. Úsalo con sombras sutiles y tarjetas de bordes redondeados para suavizar la formalidad. Consejo: aplica menta pálida en estados de confirmación y reserva los azules profundos para gráficos y navegación.

Ejemplo de imagen de vidrio de tormenta generada usando media.io

17) Mercado Nocturno

HEX: #0b0a0c #1a2433 #223a6b #1b7f8a #44d9b6

Ambiente: vibrante, nocturno, atrevido

Ideal para: carteles de comida, volantes de eventos callejeros

Vibrante y nocturno, captura el bullicio de un mercado nocturno bajo lámparas frías. Úsalo en carteles de comida, flyers de eventos callejeros y relatos sociales llamativos que requieran contraste instantáneo. Combina tipografía audaz, formas simples y pocos iconos para rapidez y claridad. Consejo: deja que el verde azulado domine los gráficos y los tonos más oscuros enfoquen los bloques de texto.

Ejemplo de imagen de mercado nocturno generada usando media.io

18) Salvia en la Ciudad

HEX: #0f1012 #1b2a34 #2e5a6b #3d8b74 #b9d6c2

Ambiente: sereno, metropolitano, suave

Ideal para: informes corporativos, blogs de estilo de vida

Sereno y metropolitano, se siente como un parque tranquilo entre edificios de vidrio. Es ideal para reportes corporativos, blogs de lifestyle y marcas de servicios que quieran una apariencia acogedora y suave. Combina con fondos grises claros y fotografía limpia para mantener la contemporaneidad. Consejo: usa el salvia para secciones grandes y reserva el tono más oscuro sólo para títulos.

Ejemplo de imagen de salvia en la ciudad generada usando media.io

19) Terminal Aurora

HEX: #05070b #0b1e3a #134b7f #00a08a #7dffcf

Ambiente: ciencia ficción, luminoso, alto contraste

Ideal para: UI para juegos, overlays de streaming

De ciencia ficción y luminoso, parece una aurora que atraviesa una pantalla de terminal oscura. Ideal para UI de juegos, overlays en streaming y gráficos de esports que requieran energía y legibilidad. Combina con tipografía monoespaciada y líneas de cuadrícula nítidas para enfatizar el aspecto tecnológico. Consejo: reserva la menta brillante para indicadores de estado y evita usarla en textos largos.

Ejemplo de imagen de terminal aurora generada usando media.io

20) Manglar de Terciopelo

HEX: #0a0a0d #1a2a44 #1e5b8f #1d7a67 #3ad4a6

Ambiente: lujoso, tropical, dramático

Ideal para: patrones textiles, envases premium

Lujoso y tropical, evoca sombras de terciopelo y verdes de manglar al atardecer. Para empaque premium o patrones, estos tonos ofrecen dramatismo sin perder sofisticación. Añade detalles dorados con moderación y confía en el azul marino para aportar peso visual. Consejo: prueba pequeñas muestras impresas, ya que el negro y el marino pueden fusionarse bajo poca luz.

Ejemplo de imagen de manglar de terciopelo generada usando media.io

¿Qué colores combinan bien con Negro Azul Verde?

Los neutros cálidos (marfil, arena, gris cálido) son la combinación más sencilla: mantienen la paleta legible y aportan un aire editorial premium sin competir con los acentos en teal.

Para contraste, prueba pequeños toques de coral, ámbar o cobre. Los acentos cálidos crean jerarquía instantánea sobre marino/teal y siguen luciendo modernos y bien pensados.

Si buscas un aire digital aún más limpio, combina con blancos fríos y mentas pálidas; solo reserva los tonos más claros para fondos, estados hover y retroalimentación de éxito.

Cómo Usar una Paleta Negro Azul Verde en Diseños Reales

Comienza con roles: usa negro casi puro para fondos o tipografía principal, azul marino profundo para superficies y navegación, y teal/verde para estados interactivos como enlaces, interruptores y llamados a la acción.

Controla la saturación para evitar la "sobrecarga neón". En UI oscura, una menta brillante o teal suele ser suficiente: repítelo siempre en botones, círculos de foco y datos clave.

En impresión y branding, prueba las muestras oscuras en distintas luces. Negro y marino pueden fusionarse, así que añade espacio, delineados o tonos de soporte claros para mantener los detalles nítidos.

Crea Visuales con Paleta Negro Azul Verde usando IA

Si ya tienes códigos HEX pero buscas imágenes acordes, genera maquetas alineadas usando un mismo prompt y proporción consistente.

Utiliza los prompts bajo cada paleta como punto de partida; luego cambia el sujeto (dashboard, póster, empaque) según tu proyecto, manteniendo el mismo lenguaje de color.

Para avanzar más rápido, crea algunas variantes y elige la de mayor contraste y mejor punto focal para tu diseño.

Siguiente: Paleta de Colores Verde Azulado Pastel