Colores Eclipse: Paletas suaves, intensas y neutras para inspirarte

Las paletas eclipse giran en torno a neutros oscuros—tinta, carbón y tonos medianoche—y luego añaden un acento controlado (lavanda, verde azulado, dorado o rosa) para guiar la atención.

A continuación encontrarás 20 esquemas de color eclipse listos para usar con códigos HEX, notas de ambientación y ejemplos de prompts de IA que puedes recrear para branding, interfaces y gráficos sociales.

Por qué funcionan tan bien los esquemas de color Eclipse

Las paletas eclipse se construyen sobre bases de baja luz (casi negro, carbón, pizarra, azul marino oscuro) que al instante se sienten modernas, de alta gama y enfocadas. Como la base es silenciosa, la tipografía y la jerarquía del diseño se aclaran con menos colores.

También escalan bien entre productos: puedes mantener el mismo sistema neutral oscuro para componentes de UI y luego intercambiar un solo acento para adaptar a una campaña, funcionalidad o línea de marca. Esto hace que las paletas eclipse sean prácticas para sistemas de diseño y producción de contenido.

Lo más importante, las combinaciones eclipse facilitan el control del contraste. Puedes crear profundidad con pequeños escalones entre grises, y luego usar un color destacado para CTAs, etiquetas o momentos clave sin saturar la pantalla.

20+ Ideas de Paletas de Colores Eclipse (con códigos HEX)

1) Órbita Medianoche

HEX: #0b0f1a #1b2a41 #3a4f7a #9aa6b2 #f2f5f7

Ambiente: cósmico, enfocado, moderno

Ideal para: interfaz de panel de analítica SaaS

Cósmicos y enfocados, estos tonos eclipse evocan una sala de control silenciosa bajo el cielo nocturno. Usa el azul marino profundo y tinta como base y realza la jerarquía con azul acero y gris frío. Brilla en UIs con muchos datos, pantallas fintech y paneles administrativos donde el contraste es esencial. Consejo: reserva el casi blanco para tarjetas y métricas clave para mantener el diseño aireado.

Ejemplo de imagen de órbita medianoche 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) Halo Ceniciento

HEX: #1a1a1a #3b3f46 #6b7078 #c9c6bf #f4f1ea

Ambiente: silencioso, refinado, editorial

Ideal para: sistema de identidad minimalista

Silenciosa y refinada, esta mezcla evoca ceniza suave, metal pulido y papel cálido. Estas paletas eclipse funcionan mejor si reservas el carbón más oscuro para logotipos y titulares, dejando el blanco cálido para el espacio negativo. Ideal para sistemas premium, composiciones tipográficas y empaques monocromáticos. Consejo: agrega textura con grano sutil o acabado de papel reciclado en vez de más colores.

Ejemplo de imagen de halo ceniciento generado con media.io

3) Lavanda Lunar

HEX: #14121a #2b2436 #5a4e78 #b8a7d9 #f5f2fb

Ambiente: onírico, suave, nocturno

Ideal para: pantallas de onboarding para app de bienestar

Oníricos y nocturnos, estos púrpuras evocan luz de luna filtrada por nubes. Ancla las pantallas con violeta casi negro y usa lavanda para acentos y microinteracciones amigables. Funciona muy bien en bienestar, sueño y diarios donde buscas calma sin irte al pastel completo. Consejo: usa el lila claro como panel de fondo suave para evitar contraste excesivo.

Ejemplo de imagen de lavanda lunar generado con media.io

4) Sombra Solar

HEX: #0f1012 #2a2d34 #444a54 #d0a85c #f6f0e4

Ambiente: dramático, premium, cinematográfico

Ideal para: diseño de póster para evento de lujo

Dramáticos y cinematográficos, los grises oscuros preparan el escenario para un momento destacado con oro cálido. Esta paleta eclipse es más fuerte si el dorado se utiliza sólo para fechas, iconos o una línea principal. Úsalo para pósters de eventos de lujo, aperturas de galerías o noches de música donde quieras energía premium instantánea. Consejo: mantiene fondos mates y deja el oro sólo para detalles tipo foil.

Ejemplo de imagen de sombra solar generado con media.io

5) Nébula de Grafito

HEX: #101214 #24282e #3f4650 #7b8794 #e6e8eb

Ambiente: técnico, definido, discreto

Ideal para: web de documentación técnica

Técnicos y definidos, estos tonos grafito evocan metal pulido y bloques de código limpios. Usa el tono más oscuro para navegación y pies de página, luego escala grises medios para secciones y divisores. Perfecto para sitios de documentación, bases de conocimiento y centros de soporte donde la legibilidad es prioritaria. Consejo: acompaña con un color brillante para estados de éxito/error únicamente.

Ejemplo de imagen de nébula de grafito generado con media.io

6) Cobre Crepuscular

HEX: #121315 #2b2a2a #5a3e34 #b56a4a #f1e3d3

Ambiente: cálido, atmosférico, artesanal

Ideal para: diseño de empaque para café

Cálida y artesanal, esta paleta eclipse evoca granos tostados, luz cobriza y cafés nocturnos. Que los negros espresso lleven la marca y el cobre y beige los signos de sabor y badges. Va perfecto para empaque de café, productos artesanales y publicidad cozy. Consejo: añade ilustraciones simples en beige para mantener el diseño premium, no recargado.

Ejemplo de imagen de cobre crepuscular generado con media.io

7) Vidrio de Tormenta

HEX: #0e1116 #1f2a33 #3b5564 #7fa0ad #d9e3e8

Ambiente: frío, confiable, elegante

Ideal para: sección hero en landing page B2B

Fríos y confiables, estos azules recuerdan la lluvia sobre vidrio y sensación de avance sereno. Como esquema eclipse, equilibra estructura profunda con toques aéreos que modernizan la página. Usa los más oscuros para títulos y CTAs, luego aplica azul grisáceo claro en espacios y gradientes suaves. Consejo: tipografía sans-serif nítida y líneas simples para estilo enterprise limpio.

Ejemplo de imagen de vidrio de tormenta generado con media.io

8) Crepúsculo Aterciopelado

HEX: #170f14 #2f1b2a #55304a #a36b8e #efe3ea

Ambiente: romántico, artístico, íntimo

Ideal para: portada de álbum

Románticos e íntimos, estos púrpuras aterciopelados recuerdan telones teatrales y neones desvanecidos. Usa la ciruela más oscura como fondo, elige rosa envejecido para títulos y detalles. Muy útil en portadas de discos, zines de poesía y promos de vida nocturna boutique. Consejo: tipografía mínima y un gradiente suave hacen el trabajo visual.

Ejemplo de imagen de crepúsculo aterciopelado generado con media.io

9) Espresso Eclipse

HEX: #0f0c0a #2a1f1a #5a453b #a27c64 #f0e6dc

Ambiente: acogedor, terrenal, rústico

Ideal para: diseño de menú de café

Acogedora y terrenal, esta paleta evoca crema de espresso, madera de nogal y luz cálida de velas. Usa marrón-negro más oscuro para títulos y separadores, luego incluye beige para precios y acentos. Ideal para menús de café, señalización de panadería y overlays para fotografía gastronómica donde la calidez vende la historia. Consejo: acompaña con tipografía serif en titulares y mucho espacio para un look exclusivo.

Ejemplo de imagen de eclipse espresso generado usando media.io

10) Zafiro Ahumado

HEX: #0b1016 #142235 #2a4664 #5b7ea3 #d7e2ef

Ambiente: inteligente, calmado, digital

Ideal para: interfaz móvil fintech

Inteligentes y calmados, estos azules sugieren profundidad, seguridad y una sensación digital pulida. Mantén el azul marino más oscuro para barras de pestañas y botones principales, y usa el azul pálido como lienzo principal para tarjetas. Es ideal para apps fintech, paneles bancarios y flujos de suscripción donde la claridad genera confianza. Consejo: agrega un borde fino en el azul medio para separar tarjetas sin sombras pesadas.

Ejemplo de imagen de zafiro ahumado generado usando media.io

11) Violeta Hormigón

HEX: #151516 #2c2a33 #4b465c #8a7ea6 #e7e3f0

Ambiente: urbano, minimalista, creativo

Ideal para: diseño de revista editorial

Urbano y minimalista, esta paleta eclipse se siente como paredes de hormigón con brillo violeta al atardecer. Utiliza el negro profundo para texto, y deja que el violeta apagado aporte personalidad en citas y etiquetas de secciones. Es ideal para editoriales de moda, diseños arquitectónicos y revistas culturales que requieren sobriedad con un giro creativo. Consejo: combínalo con fotografía de alto contraste y mantén bloques de color en márgenes pequeños o leyendas.

Ejemplo de imagen de violeta hormigón generado usando media.io

12) Jardín Nocturno

HEX: #0d1110 #1f2b24 #3f4f3f #7c9a6a #e3efe1

Ambiente: terroso, calmado, botánico

Ideal para: ilustración botánica en acuarela

Terrosos y calmados, estos verdes parecen hojas bajo la luz de la luna y musgo tras la lluvia. Usa los tonos profundos del bosque para tallos y sombras, luego suaviza la escena con lavanda apagado y lavados de menta pálida. Es perfecto para impresiones botánicas, empaques de primavera y gráficos de bienestar que necesitan una sensación arraigada. Consejo: mantén los bordes sueltos y deja que la menta clara actúe como espacio negativo.

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

13) Estación Espacial

HEX: #0c0f12 #1b1f26 #343a46 #6f7a88 #f2f4f7

Ambiente: elegante, futurista, organizado

Ideal para: plantilla para presentación

Elegante y organizado, estos tonos eclipse evocan el interior de una estación espacial con paneles definidos y luz suave. Utiliza los tonos más oscuros para encabezados y elementos de navegación, luego recurre al casi blanco para fondos de diapositivas y gráficos. Funciona bien para pitch decks, reportes técnicos y hojas de ruta de productos donde la estructura es clave. Consejo: limita los colores de gráficos a dos tintes de gris-azul para mantener los datos limpios.

Ejemplo de imagen de estación espacial generado usando media.io

14) Ciruela Nublada

HEX: #120f14 #2a202c #4b394f #7d5f7c #e9dde9

Ambiente: suave, elegante, contemplativo

Ideal para: conjunto de invitaciones de boda

Suave y contemplativo, estas ciruelas se sienten como nubes al atardecer y cintas de satén. Usa el ciruela profundo para nombres y títulos, y deja que el malva pálido actúe como tono de papel. Esta paleta eclipse es ideal para invitaciones de boda, anuncios formales y papelería romántica donde la elegancia importa más que el brillo. Consejo: añade bordes de línea fina en el ciruela medio para un marco refinado sin desorden.

Ejemplo de imagen de ciruela nublada generado usando media.io

15) Menta Carbón

HEX: #0f1214 #1e2a2a #35524a #6fb8a6 #e7f6f1

Ambiente: fresco, equilibrado, moderno

Ideal para: banner publicitario para productos de piel

Fresco y equilibrado, esta mezcla se siente como aire frío sobre piedra oscura. Una paleta eclipse así funciona mejor cuando la menta es el acento protagonista sobre tipografía carbón y apoyo de azul verdoso profundo. Úsalo para anuncios de skincare, marcas de salud y páginas de producto limpias que requieren un toque de color calmado. Consejo: mantén los fondos casi blancos y coloca la menta en botones o iconos de beneficios clave para mayor claridad.

Ejemplo de imagen de menta carbón generado usando media.io

16) Rosa Pizarra

HEX: #111216 #2b2c34 #585b6a #c08a98 #f4e9ec

Ambiente: moderno, romántico, sobrio

Ideal para: plantillas de citas para redes sociales

Moderno y sobrio, los neutros pizarra hacen que el tono rosa se sienta intencional en vez de azucarado. Usa pizarra oscuro para texto, rosa para palabras de énfasis, y el rosa pálido como fondo para alta legibilidad. Es ideal para plantillas de citas, carruseles de creador y anuncios de estilo de vida. Consejo: usa una solo familia de fuente y deja que los cambios de peso diseñen en vez de agregar gráficos extra.

Ejemplo de imagen de rosa pizarra generado usando media.io

17) Arena Obsidiana

HEX: #0c0c0e #232326 #4a4a4f #b6a793 #f7f2ea

Ambiente: sólido, premium, natural

Ideal para: mood board de diseño de interiores

Sólida y premium, esta paleta eclipse evoca piedra obsidiana, hormigón envejecido y arena cálida. Utiliza los neutros oscuros para etiquetas clave y muestras, luego recurre al beige arenoso para mantener el tablero acogedor. Es ideal para mood boards de interiores, conceptos de arquitectura y marcas de muebles que prefieren lujo discreto. Consejo: combínalo con texturas de madera y herrajes negro mate para un acabado coherente.

Ejemplo de imagen de arena obsidiana generado usando media.io

18) Luces del Norte Atenuadas

HEX: #0a1212 #12312c #1f5a52 #4aa68f #dff7f0

Ambiente: frío, enérgico, limpio

Ideal para: diseño de credencial para conferencia tecnológica

Frío y enérgico, estos tonos teal parecen auroras tenues sobre agua oscura. Utiliza el teal casi negro para la base de la credencial, luego realza nombres y tracks con espuma de mar brillante. Es ideal para eventos tecnológicos, materiales de taller y señalización moderna donde el escaneo rápido importa. Consejo: mantén la iconografía simple y usa espuma de mar solo para las dos prioridades más altas de información.

Ejemplo de imagen de luces del norte atenuadas generado usando media.io

19) Deriva Monocromática

HEX: #0e0f10 #2a2c2e #55595e #a7adb3 #f6f7f8

Ambiente: minimalista, atemporal, confiado

Ideal para: diseño de página web de portafolio

Minimalista y atemporal, este conjunto de grises se siente como paredes de galería y impresión nítida. Usa el tono más oscuro para navegación y títulos, gris medio para texto secundario y casi blanco para el fondo. Es una opción fuerte para portafolios, sitios de agencia y páginas de casos donde las muestras deben ser protagonistas. Consejo: agrega un sutil estado hover usando gris claro para mantener las interacciones visibles pero discretas.

Ejemplo de imagen de deriva monocromática generado usando media.io

20) Eclipse Mar Profundo

HEX: #071015 #0e2430 #144355 #1f6f7a #cfe8e6

Ambiente: misterioso, frío, sofisticado

Ideal para: cartel de viaje para tour nocturno en costa

Misterioso y sofisticado, estos tonos de mar profundo evocan olas a la luz de la luna y luces de puerto lejanas. Utiliza el azul-verde más oscuro como fondo, luego deja que el teal resalte las formas y titulares. Esta paleta eclipse es perfecta para carteles de viaje, experiencias costeras y campañas atmosféricas que apuestan por el ambiente. Consejo: mantén los gradientes sutiles y añade un grano fino para evitar bandas en áreas oscuras grandes.

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

¿Qué colores combinan bien con Eclipse?

Las paletas Eclipse (neutrales oscuros) combinan mejor con acentos fríos como azul pizarra, zafiro, teal y lavanda apagada. Estos tonos mantienen el aspecto limpio y contemporáneo a la vez que conservan la legibilidad en fondos oscuros.

Para un contraste más cálido, añade dorado controlado, cobre, arena, rosa o beige. La clave es la moderación: trata los tonos cálidos como realces para CTAs, fechas, insignias o un solo elemento heroico.

Si buscas la opción más flexible, usa casi blanco, blanco cálido o gris pálido como color de “espacio respirable”. Eleva el contraste, apoya tarjetas y superficies, y hace que la UI oscura se sienta menos pesada.

Cómo usar un esquema de color Eclipse en diseños reales

Comienza con un reparto 70/20/10: 70% base neutral oscura, 20% apoyo de tonos medios para secciones y bordes, y 10% acento para elementos interactivos o de alta prioridad. Así las combinaciones eclipse se mantienen intencionales en vez de confusas.

En UI, usa el tono más oscuro para navegación y botones principales, luego coloca el contenido sobre una superficie clara (tarjetas, tablas, paneles) para mantener largas sesiones cómodas. En carteles y gráficos sociales, deja que el color más oscuro sea el escenario y el acento sea el foco.

Para branding, elige un acento característico y mantén la coherencia en todas las plantillas. Un solo color de realce repetible construye reconocimiento más rápido que añadir varios brillantes a cada recurso.

Crea visuales de paletas Eclipse con IA

Si tienes códigos HEX pero necesitas mockups rápido, genera visuales alineados con tu marca usando un prompt IA que incluya tu tema (UI, cartel, empaque) más tus colores eclipse como tonos “dominantes” y “acento”.

En Media.io, puedes iterar rápidamente: prueba distintos ratios para anuncios, miniaturas y pantallas de onboarding, luego ajusta tipografía, densidad de layout y textura (mate, grano, foil) para reflejar tu mood.

Una vez que encuentres un look que te guste, reutiliza la misma estructura de prompt en todas las campañas—solo cambia el color de acento y el tema para mantener un sistema de diseño eclipse coherente.

Siguiente: Paleta de Colores Safari