20 ideas de paletas de colores Moonlight con códigos hexadecimales

Las paletas de luz de luna capturan la calma de los cielos nocturnos, la piedra fría y la suave luz neblinosa; perfectas cuando buscas un aspecto moderno sin saturación intensa.

A continuación encontrarás más de 20 ideas seleccionadas de paletas de colores inspiradas en la luz de luna con códigos HEX, además de consejos prácticos para combinarlas en UI, branding, carteles y empaques.

Por Qué Funcionan Tan Bien las Paletas de Luz de Luna

Los tonos de luz de luna se encuentran en un punto ideal: son frescos, tranquilos y legibles. Porque se apoyan en grises, azulados y púrpuras suaves, crean jerarquía sin competir con tu tipografía o imágenes.

Además, se adaptan maravillosamente a diferentes medios. La misma paleta puede sentirse minimalista en UI, premium en empaques o cinematográfica en carteles, dependiendo de cómo manejes el contraste y la textura.

Lo más importante es que las paletas de luz de luna logran que los acentos se sientan intencionados. Cuando tu base es controlada, un solo cian brillante, coral, lima o metálico puede enfocar la atención al instante.

Más de 20 Ideas de Paletas de Colores Luz de Luna (con Códigos HEX)

1) Deriva Plateada

HEX: #F4F6FA #D7DDE7 #A7B0C0 #4C5871 #1C2333

Estado de ánimo: calmado, aireado, moderno

Ideal para: UI de dashboard SaaS

Calmo y aireado como nubes deslizándose por el cielo nocturno, estos tonos se sienten pulidos sin ser fríos. La paleta de colores luz de luna funciona maravillosamente para dashboards de SaaS donde la legibilidad es importante y el contraste debe ser suave. Combínala con un solo acento vívido como cian eléctrico para acciones clave y mantén los neutros dominantes en pantallas con muchos datos. Consejo: reserva el azul marino más profundo para la navegación, de modo que las tarjetas y tablas se mantengan claras.

Ejemplo de imagen de deriva plateada 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) Niebla Lunar

HEX: #EEF2F6 #C8D3DD #9AA8B6 #6B7C8E #2B3544

Estado de ánimo: suave, silencioso, refinado

Ideal para: guía de estilo minimalista para marca

Suave y callada como la niebla sobre el asfalto a medianoche, esta mezcla se percibe refinada y contenida. Es adecuada para una guía de estilo de marca minimalista, donde la tipografía y el espaciado llevan el protagonismo. Combínala con texturas de papel cálidas o un fondo blanco roto sutil para evitar una sensación estéril. Consejo: usa el gris pizarra medio como color principal de texto para un contraste más suave que el negro puro.

Ejemplo de imagen de niebla lunar generado con media.io

3) Puerto Nocturno

HEX: #E8EDF4 #B8C4D4 #6E819A #2F435B #101A24

Estado de ánimo: profundo, estable, náutico

Ideal para: landing page de conferencia tecnológica

Profundos y estables como luces del muelle reflejándose en aguas quietas, estos azules transmiten confianza y firmeza. Son ideales para una landing page de conferencia tecnológica donde quieres autoridad sin saturación agresiva. Combínalos con espacios blancos y un acento lima o aqua brillante para botones y enlaces. Consejo: mantén los degradados de la cabecera sutiles para que las fotos de los ponentes luzcan naturales.

Ejemplo de imagen de puerto nocturno generado con media.io

4) Eclipse Aterciopelado

HEX: #F2F0F7 #CFC6E3 #8C7FB8 #423A66 #171428

Estado de ánimo: dramático, aterciopelado, lujoso

Ideal para: creatividad publicitaria de producto de belleza

Dramática y aterciopelada como un eclipse desvaneciéndose en violeta, esta gama es lujosa y editorial. Como esquema de luz de luna, destaca en anuncios de belleza donde buscas profundidad, suavidad y una impresión premium a la vez. Combínala con tipografía plateada metálica o un acento rosa empolvado para un toque más romántico. Consejo: reserva el púrpura más oscuro para titulares y evita que los textos pequeños se vean pesados.

Ejemplo de imagen de eclipse aterciopelado generado con media.io

5) Pizarra Escarchada

HEX: #F6F8FB #D9DEE6 #B0B8C6 #707B8D #2A3140

Estado de ánimo: limpio, estructurado, profesional

Ideal para: diseño de informe anual corporativo

Limpia y estructurada como escarcha sobre piedra, esta gama de grises transmite fiabilidad y modernidad. Es muy útil para un informe anual donde gráficos, tablas y leyendas requieren jerarquía clara. Combínala con un solo acento saturado, como azul cobalto, para dirigir la atención sin recargar. Consejo: usa el gris más claro para dividir secciones en lugar de líneas pesadas.

Ejemplo de imagen de pizarra escarchada generado con media.io

6) Lino Estrellado

HEX: #FAFAF6 #E6E1D9 #B8B0A6 #6C6A72 #24232A

Estado de ánimo: acogedor, discreto, elegante

Ideal para: conjunto de invitaciones de boda

Acogedora y sutil como lino bajo un cielo estrellado, esta gama de neutros se percibe íntima y atemporal. Es ideal para invitaciones de boda que buscan elegancia sin contrastes fuertes. Combínala con detalles en foil dorado cálido o un acento en verde salvia para darle un aire natural. Consejo: imprime el tono más oscuro solo en pequeños detalles y deja que la textura del papel se luzca.

Ejemplo de imagen de lino estrellado generado con media.io

7) Susurro de la Hora Azul

HEX: #EAF1FF #BFD3FF #7A97D6 #3B4F86 #171E35

Estado de ánimo: soñador, brillante, cinematográfico

Ideal para: diseño de cartel musical

Soñador y cinematográfico como la hora azul antes de la llegada total de la noche, esta gama es vibrante pero controlada. Estas combinaciones de color luz de luna son ideales para carteles musicales porque soportan tipografías audaces y degradados brillantes sin lucir neones. Combínalas con texto blanco y un toque de coral para información de entradas y llamados. Consejo: mantén los degradados direccionales para que la composición sea legible incluso a distancia.

Ejemplo de imagen de susurro de la hora azul generado con media.io

8) Sombra Perlada

HEX: #F7F5F9 #E1DDE6 #B9B4C2 #6A6675 #262433

Estado de ánimo: suave, elegante, minimalista

Ideal para: etiquetas de empaques de cuidado de la piel

Suaves y elegantes como una perla bajo una sombra leve, estos tonos se sienten limpios y premium. Son adecuados para etiquetas de productos para el cuidado de la piel donde buscas transmitir calma y confianza clínica sin ser agresivo. Combínalos con un acento blush apagado y mucho espacio negativo para destacar en anaquel. Consejo: usa el mauve-gris medio para los textos secundarios y asegurar legibilidad aún en tamaños pequeños.

Ejemplo de imagen de sombra perlada generado con media.io

9) Indigo Apacible

HEX: #EDEFFC #C9CEEE #8B92C9 #4A4F86 #1B1D3A

Estado de ánimo: reflexivo, sereno, inteligente

Ideal para: Interfaz de usuario de bienvenida de aplicación de meditación

Reflexivos y serenos como un horizonte índigo, estos colores apoyan un ritmo lento y silencioso. Funcionan bien en pantallas de bienvenida donde se necesita tranquilidad y pasos claros sin sobresaltos. Combínalos con un fondo crema cálido e ilustraciones sutiles para una mayor cercanía. Consejo: mantén tu botón principal en el color lavanda brillante para una invitación atractiva y sin estrés.

Ejemplo de imagen de índigo sereno generado con media.io

10) Cuarzo bajo las nubes

HEX: #F8FAFF #DCE4F2 #B4C0D6 #6F7F9B #2D3649

Estado de ánimo: fresco, equilibrado, pulido

Ideal para: Interfaz de cuadrícula de productos de ecommerce

Frescos y equilibrados como el cuarzo bajo un velo delgado de nubes, estos azules y grises se ven instantáneamente pulidos. Son ideales para cuadrículas de ecommerce donde la fotografía del producto debe destacar y la interfaz debe pasar desapercibida. Combínalos con neutros cálidos para los fondos y un solo color saturado para etiquetas de venta o novedades. Consejo: mantén los bordes en el tono más pálido y usa el espaciado para la estructura.

Ejemplo de imagen de cuarzo entre nubes generado con media.io

11) Mezclilla Piedra Lunar

HEX: #F0F4F9 #C4D2E3 #7F9DBB #3D5A78 #162534

Estado de ánimo: casual, seguro, nítido

Ideal para: diseño de catálogo streetwear

Casual y seguro como la mezclilla desgastada bajo luz fría, esta mezcla resulta fresca y ponible. Se adapta a un catálogo streetwear donde buscas encabezados fuertes y una cuadrícula moderna sin colores estridentes. Emparéjalo con fotografía monocromo y blanco puro para los espacios y pies de foto. Consejo: usa el azul medio para pestañas de sección para mantener la navegación clara pero discreta.

Ejemplo de imagen de mezclilla piedra lunar generado con media.io

12) Lila Ceniza

HEX: #F5F2FA #DCCFEA #A99BC3 #6A5E7D #2A2434

Estado de ánimo: romántico, suave, artístico

Ideal para: diseño de portada de libro

Románticos y suaves como pétalos de lila prensados sobre papel gris ceniza, estos tonos transmiten modernidad y un aire literario. Son ideales para portadas de ficción contemporánea que necesitan emoción sin colores brillantes. Combínalos con tipografía blanca cremosa y un pequeño detalle en cobre para el nombre del autor o marca de serie. Consejo: utiliza el fondo lavanda claro para que los títulos oscuros resalten nítidamente.

Ejemplo de imagen de lila ceniza generado con media.io

13) Tinta Ártica

HEX: #F3F7FF #CFE0FF #8AA7D6 #2F4A7A #0E1626

Estado de ánimo: audaz, frío, alto contraste

Ideal para: identidad de marca ciberseguridad

Audaz y fría como el aire ártico contra la tinta oscura, esta paleta aporta claridad y autoridad instantáneas. Los tonos lunares son perfectos para branding de ciberseguridad, donde el fuerte contraste aporta confianza y precisión. Combínalos con patrones geométricos y un acento cian brillante para modernizar el aspecto. Consejo: usa el casi negro para fondos y deja los azules claros para iconos y métricas clave.

Ejemplo de imagen de tinta ártica generado con media.io

14) Orquídea del Ocaso

HEX: #F7F1FA #E2CFEA #B596C7 #6B4E78 #231827

Estado de ánimo: misterioso, floral, sofisticado

Ideal para: diseño de menú de restaurante

Misteriosos y florales como orquídeas después del anochecer, estos morados se sienten sofisticados y ligeramente enigmáticos. Funcionan bien para menús de restaurantes elegantes donde deseas atmósfera sin sacrificar legibilidad. Combínalos con tonos marfil cálidos en el papel y tipografía en color carbón para el texto. Consejo: utiliza el tono más oscuro para encabezados de sección y el tono medio orquídea para divisores e iconos.

Ejemplo de imagen de orquídea del ocaso generado con media.io

15) Abeto Invernal

HEX: #EDF5F4 #BED7D3 #6FA19A #2D5D57 #0F2522

Estado de ánimo: frío, perenne, estable

Ideal para: empaque de marca outdoor

Fríos y sólidos como agujas de abeto bajo la nieve a la luz de la luna, estos tonos transmiten naturaleza y fortaleza. Son ideales para empaques de productos outdoor donde buscas dar señales de sostenibilidad y una confianza tranquila y premium. Combínalos con texturas kraft, acabados mate e iconografía mínima. Consejo: deja el aqua claro como espacio negativo para que el verde profundo no domine la etiqueta.

Ejemplo de imagen de abeto invernal generado con media.io

16) Topacio Ahumado

HEX: #F7F3EE #E2D4C3 #B79A82 #6E5A53 #2B2324

Estado de ánimo: cálido, ahumado, vintage

Ideal para: kit de marca de cafetería

Cálidos y ahumados como topacio resplandeciente en luz baja, estos tonos transmiten comodidad vintage. Son ideales para kits de marca de cafetería donde quieres calidez sin que sea rústico. Combínalos con fotografía de espresso profundo y tipografía sans serif limpia para mantenerlo contemporáneo. Consejo: usa el beige arenoso para fondos y el marrón más oscuro para sellos y marcas.

Ejemplo de imagen de topacio ahumado generado con media.io

17) Acero Charco

HEX: #F0F6F8 #BFD4DB #6E9AA7 #2E5E6D #11262E

Estado de ánimo: frío, acuático, contemporáneo

Ideal para: gráficos para cabecera de blog de viajes

Fríos y acuáticos como charcos de marea de noche, estos azul-verdes son contemporáneos y limpios. Ideales para gráficos de cabecera de blogs de viajes donde se busca frescura y calma sin dulzura pastel. Combínalos con fotografía aireada y tipografía blanca, añadiendo un solo coral atardecer como énfasis. Consejo: mantén los overlays transparentes para que las fotos marinas no se vean turbias.

Ejemplo de imagen de acero charco generado con media.io

18) Niebla a la Luz de las Velas

HEX: #FBF7F1 #E6DDD0 #B9AFA2 #746E67 #2F2C2A

Estado de ánimo: suave, nostálgico, íntimo

Ideal para: diseño de flyer para evento

Suaves y nostálidos como la luz de vela difusa entre la niebla, estos neutros transmiten intimidad y acogida. Funcionan bien para flyers de eventos que necesitan ser claros pero cálidos. Combínalos con un pequeño acento berry o verde bosque para destacar fechas y ubicaciones. Consejo: usa el casi negro solo para el titular principal y deja el resto del cuerpo en carbón suavizado.

Ejemplo de imagen de niebla a la luz de las velas generado con media.io

19) Teal Nocturno

HEX: #EAF7F6 #BFE7E4 #6AB7B5 #2B6E74 #0F2A2E

Estado de ánimo: misterioso, fresco, moderno

Ideal para: portada de podcast

Misterioso y fresco como la luz teal atravesando la oscuridad, este set se siente moderno y enérgico. Estas combinaciones lunares dan a las portadas de podcast una silueta nítida y gran legibilidad en tamaños pequeños. Combínalas con tipografía blanca audaz y un solo detalle neón lima para contraste inmediato. Consejo: mantén los fondos sencillos para que el título sea legible incluso en miniatura.

Ejemplo de imagen de teal nocturno generado con media.io

20) Flor de Granito

HEX: #F4F4F8 #D5D6E3 #9FA3BF #5A5F86 #23253A

Estado de ánimo: fresco, floral-urbano, equilibrado

Ideal para: póster botánico en acuarela

Frescos y equilibrados como pequeñas flores abriéndose paso entre grietas de granito, estos tonos fusionan suavidad y fortaleza. Ideales como base para botánicos en acuarela donde pétalos, sombras y texturas de papel requieren espacio para respirar. Úsalos con un rubor polvoriento si quieres un toque cálido sin cambiar el ánimo general. Consejo: pinta el tono más oscuro de forma sutil como sombras de tallos para profundidad.

Ejemplo de imagen de flor de granito generado con media.io

21) Pergamino Glaciar

HEX: #F1FBFF #CFEFFC #8BC7E2 #3C7EA6 #153244

Estado de ánimo: brillante, nítido, optimista

Ideal para: plantilla de newsletter UI

Brillantes y nítidos como agua glaciar bajo el aire claro de la noche, estos azules transmiten optimismo y limpieza. Son ideales para plantillas de newsletter donde encabezados, enlaces y tarjetas necesitan jerarquía consistente. Úsalos con un blanco cálido para fondo principal y mantén los acentos mínimos para un aspecto ordenado en la bandeja de entrada. Consejo: el azul medio es para enlaces y reserva el más oscuro solo para títulos.

Ejemplo de imagen de pergamino glaciar generado con media.io

22) Meteorito Silencioso

HEX: #F6F6F9 #DADBE4 #AEB2C4 #6D738C #2A2D3A

Estado de ánimo: sutil, técnico, moderno

Ideal para: interfaz de pantalla de ajustes de app

Sutiles y técnicos como la estela de un meteorito desvaneciéndose en gris, estos tonos mantienen la interfaz calmada. Perfectos para pantallas de ajustes donde los interruptores y etiquetas deben ser claros sin ruido visual. Usa un color brillante del sistema para estados (éxito o advertencia) y mantén las superficies casi neutras. Consejo: diferencia secciones con matices y espacio, no con bordes pesados.

Ejemplo de imagen de meteorito silencioso generado con media.io

¿Qué Colores Combinan Bien con la Luz de Luna?

Las bases lunares (grises fríos, azulados, lavanda suave, azul marino profundo) combinan bien con acentos que añaden contraste de temperatura. Metales cálidos como oro champán o cobre hacen que las paletas lunares se sientan premium y menos frías al instante.

Para trabajos digitales modernos, utiliza un solo acento brillante: cian eléctrico, aqua, lima o coral. Limítalo a estados interactivos (botones, enlaces, etiquetas) para que la interfaz permanezca calmada y legible.

Para impresión, los tonos lunares van bien con neutros táctiles: papeles marfil, texturas kraft y tipografía en carbón. Así el diseño se siente terrenal y a la vez aireado.

Cómo Usar una Paleta de Colores de Luz de Luna en Diseños Reales

Comienza con un matiz lunar claro para fondos y reserva tonos medios para superficies (tarjetas, paneles, bloques secundarios). Usa el azul marino/carbón más oscuro como color marco para navegación, encabezados o anclas tipográficas clave.

Cuando necesites profundidad, usa degradados sutiles y overlays transparentes en lugar de sombras pesadas. Las paletas lunares lucen mejor cuando las transiciones se sienten como neblina, bruma o vidrio.

Si estás diseñando para accesibilidad, prueba el contraste desde el principio. A menudo, un color de texto gris pizarra intermedio puede ser más cómodo que el negro puro y aún así cumplir con el contraste legible sobre fondos blanco roto o azul pálido.

Crea Visuales de Paletas de Luz de Luna con IA

Si ya tienes códigos HEX, la forma más rápida de validar una paleta de luz de luna es generar visuales de prueba—carteles, pantallas de interfaz, etiquetas o tableros de marca—y ver cómo se comportan los tonos con la tipografía y las imágenes.

Con las herramientas de texto a imagen de Media.io, puedes iterar rápidamente: prueba diferentes composiciones, estilos de iluminación y disposiciones manteniendo el mismo ambiente de luz de luna.

Utiliza prompts que describan el formato del diseño (interfaz, empaque, cartel), la atmósfera (brumosa, tranquila, cinematográfica) y las restricciones de diseño (sin marcos de dispositivos, fondo simple) para obtener resultados limpios.

Siguiente: Paleta de colores bohemia