20 combinaciones de colores modernos para lagos + códigos Hex

Los colores de lago se sitúan en ese punto ideal entre el azul y el verde, transmitiendo una sensación de calma, frescura y modernidad en diseños digitales e impresos.

A continuación tienes 20 combinaciones de paletas de colores de lago con códigos HEX, además de consejos prácticos para UI, branding, packaging y más.

Por qué las paletas de lago funcionan tan bien

Las paletas inspiradas en los lagos se sienten naturalmente equilibradas porque combinan azules fríos (confianza, claridad) con verdes azulados (salud, calma). Esa mezcla se percibe limpia sin sentirse estéril, facilitando su uso en UI modernas y branding.

Además, funciona bien en sistemas de diseño claros y oscuros. Muchas paletas de lago incluyen tonos brumosos suaves para fondos y azul-verdes profundos para contraste, permitiendo construir jerarquía sin recurrir al negro intenso.

Finalmente, los tonos de lago combinan maravillosamente con neutros y acentos cálidos. Un toque de arena, cobre u oro puede aportar personalidad mientras los tonos acuáticos mantienen la imagen profesional y estable.

Más de 20 ideas de paletas de colores de lago (con códigos HEX)

1) Mañana brumosa

HEX: #d9eef2 #a9d4dd #6aa9b8 #2f6f7c #f2f7f7

Estado de ánimo: aireado y calmado

Mejor para: dashboard minimalista de SaaS

La neblina ligera y la luz temprana se reflejan en estos tonos aqua fríos y teal suaves. Funciona bellamente para paneles de SaaS, apps de bienestar y vistas de datos limpias donde la claridad es importante. Combínalo con espacios blancos definidos y un solo teal oscuro para dar énfasis. Consejo: reserva el tono más oscuro para CTA principales para asegurar accesibilidad de contraste.

Ejemplo de imagen de mañana brumosa generado con media.io

Media.io

Media.io es un estudio de IA en línea para crear y editar vídeo, imagen y audio en tu navegador.

Pruébalo gratis ahora

2) Ensenada Profunda

HEX: #0b1f2a #0f3a4a #145e6f #1c8a9a #d4e9ea

Estado de ánimo: atmosférico y cinematográfico

Mejor para: branding premium y banners principales

El agua oscura al anochecer crea un ambiente cinematográfico y seguro con azules intensos y teal saturados. Úsalo en branding premium, secciones hero de páginas o productos tecnológicos que requieran profundidad y autoridad. Equilibra la base oscura con el azul-verde pálido como respiro para encabezados. Consejo: agrega gradientes sutiles entre los teals medios para un brillo moderno y pulido.

Ejemplo de imagen de ensenada profunda generado con media.io

3) Orilla de Guijarros

HEX: #f4f1ea #c7d0d2 #7d98a3 #2f5663 #1b2b34

Estado de ánimo: enraizado y sereno

Mejor para: maquetación editorial y blogs

Piedras desgastadas y aire fresco de la orilla dan a esta mezcla un aire sobrio y natural. Para diseño editorial, se ve sofisticada sin parecer fría, especialmente cuando lidera el tono crema. Como paleta de lago, resalta en páginas largas donde buscas jerarquía tranquila y contraste legible. Consejo: usa el texto principal en casi negro y el azul grisáceo para divisores y citas destacadas.

Ejemplo de imagen de orilla de guijarros generado con media.io

4) Reflejo de Pinos

HEX: #0f2c2e #1b4b4a #2f7b74 #89b8a8 #e7f2ee

Estado de ánimo: fresco y natural

Mejor para: packaging ecológico y marcas naturales

Los reflejos de siempreverde y sombra fresca aportan energía limpia y natural. Es ideal para packaging ecológico, equipos outdoor y cosmética sostenible donde los verdes deben ser limpios, no estridentes. Combina los tonos bosque profundo con papel cálido sin recubrir para un look premium natural. Consejo: imprime los tonos más oscuros solo en pequeños bloques o iconos para evitar exceso de tinta en kraft.

Ejemplo de imagen de reflejo de pinos generado con media.io

5) Muelle al atardecer

HEX: #1d2b44 #2a5c73 #4aa3a2 #f0c28f #f6f3ea

Estado de ánimo: acogedor y nostálgico

Mejor para: anuncios de viajes y gráficos sociales

La luz cálida de la tarde sobre el agua fría crea una atmósfera acogedora y nostálgica. El acento arena evita que los azules sean demasiado corporativos, haciéndolo ideal para anuncios de viajes y publicaciones sociales. Combina con fotografía aireada y tipografía sans-serif simple para dar un aire ligero. Consejo: usa el acento melocotón sólo en botones o etiquetas de precio para destacar al instante.

Ejemplo de imagen de muelle al atardecer generado con media.io

6) Pastel Nenúfar

HEX: #f7f5fb #cfe8f5 #9dc7dd #6aa2b8 #3d6a7a

Estado de ánimo: suave y romántico

Mejor para: invitaciones de baby shower y papelería

Azules empolvados y pizarra delicada que recuerdan pétalos sobre agua tranquila. Estas combinaciones de lago son perfectas para invitaciones de baby shower, papelería nupcial y packaging delicado que requiera elegancia calmada. Acompaña con tipografía serif clara y buen margen para no sobrecargar la página. Consejo: usa el azul más oscuro en nombres y datos clave para imprimir nítido.

Ejemplo de imagen de pastel nenúfar generado con media.io

7) Cuenca Tormentosa

HEX: #1b2a33 #2f4b57 #4e7583 #7fa7b1 #e3ecee

Estado de ánimo: frío y serio

Mejor para: informes, presentaciones e infografías

Cielos nublados y agua ondulada aportan a estos azules una presencia seria y constante. Es una opción fuerte para informes, presentaciones e infografías donde necesitas estructura sin mucho contraste. Combina los azules-gris medios con iconos lineales finos para un acabado profesional. Consejo: usa el tono más claro de fondo y el más oscuro en etiquetas para que los gráficos sean legibles.

Ejemplo de imagen de cuenca tormentosa generado con media.io

8) Manantial Claro

HEX: #e8fbff #bfeaf2 #77c6d5 #2a8fa4 #0f5162

Estado de ánimo: brillante y refrescante

Mejor para: apps de fitness y pantallas de bienvenida

El agua fría y clara y los bajíos soleados hacen que esta paleta se sienta energética y luminosa. Funciona excelentemente en apps de fitness, procesos de bienvenida y pantallas splash que busquen limpieza y actividad. Combina con formas geométricas audaces y barra de navegación teal oscura para dar estabilidad. Consejo: usa el aqua más claro como fondo principal para que la interfaz resulte ligera.

Ejemplo de imagen de manantial claro generado con media.io

9) Noche en la Marina

HEX: #08131d #0f2a3b #1c4c66 #2d7aa0 #9fd2e3

Estado de ánimo: elegante y moderno

Mejor para: interfaces modo oscuro y analíticas

Las luces nocturnas del muelle inspiran una vibra elegante y de alto contraste sin llegar al negro total. Es ideal para analíticas en modo oscuro, herramientas financieras y paneles de desarrolladores donde la concentración importa. Usa el azul brillante como color de resalte para estados activos y enlaces. Consejo: mantén superficies grandes en los dos tonos más oscuros para evitar deslumbramiento y lograr que los datos destaquen intencionadamente.

Ejemplo de imagen de marina nocturna generada con media.io

10) Lago Alpino

HEX: #f2f9ff #b4d8ef #5aa7d6 #246a96 #123c58

Estado de ánimo: nítido y aventurero

Mejor para: marcas de exterior y cabeceras web

El aire de gran altitud y los azules glaciales hacen que esta paleta se sienta nítida y aventurera. Utilízala para marcas relacionadas con actividades al aire libre, cabeceras web y gráficos para eventos donde se desee claridad y dinamismo. Combínala con fotografía de alta calidad e iconografía minimalista para un look de explorador moderno. Consejo de uso: utiliza degradados desde azul cielo hasta azul profundo en banners grandes para que la transición sea natural.

Ejemplo de imagen de lago alpino generada con media.io

11) Neutro Madera Flotante

HEX: #f1ede3 #d6d2c4 #a7b0ae #557377 #20383c

Estado de ánimo: cálido y equilibrado

Mejor para: moodboards de interiores y blogs

La madera desgastada por el sol y los tonos de agua suave crean una mezcla cálida y equilibrada. Es ideal para moodboards de interiores, blogs de estilo de vida y páginas de ecommerce tranquilo que necesitan una base neutra. Combínalo con materiales naturales como texturas de lino y fotografía suave. Consejo de uso: usa el azul grisáceo como color de anclaje para los títulos para que los neutros cálidos se mantengan aireados.

Ejemplo de imagen de madera flotante neutra generada con media.io

12) Verde Vidrioso

HEX: #e9fffb #b7f0e7 #5fd1c3 #1aa59a #0a5b5a

Estado de ánimo: limpio y juguetón

Mejor para: promociones de belleza y empaques modernos

El efecto vidrio del agua y el verde menta brillante hacen que esta paleta se sienta limpia, divertida y moderna. Como paleta de color de lago, funciona para promociones de belleza, etiquetas de bebidas y marcas emergentes que necesitan frescura sin neón. Combínala con tipografía negra simple o verde petróleo profundo para un contraste editorial enérgico. Consejo de uso: usa el menta claro como fondo y el verde saturado para stickers o sellos.

Ejemplo de imagen de verde vidrioso generada con media.io

13) Azul Vela

HEX: #f7fafc #d0e4f3 #86b6d8 #3a78a6 #1f3d5a

Estado de ánimo: náutico y ordenado

Mejor para: sitios corporativos y navegación

Los blancos de lona de vela y los azules confiables crean una impresión ordenada y fiable. Se adapta a sitios web corporativos, apps con mucha navegación y marcas de servicios que necesiten claridad y calma. Combínalo con trazos finos, espaciado claro e iconos simples para una interfaz pulida. Consejo de uso: usa el azul medio para enlaces y el azul marino profundo para cabeceras para mantener jerarquía visible.

Ejemplo de imagen de azul vela generada con media.io

14) Orillas Helechosas

HEX: #eaf4ee #bcd7c8 #6fa893 #2f6b5c #163a33

Estado de ánimo: terroso y reparador

Mejor para: ilustraciones botánicas y etiquetas

Los helechos sombreados junto a la orilla confieren a estos verdes una calma natural y reparadora. Funciona perfecto para ilustraciones botánicas, etiquetas de jardín y marcas de estilo de vida tranquilo. Combínalo con tonos de papel blanco roto y dibujos delicados para un aire artesanal. Consejo de uso: mantén el verde más oscuro para los contornos y deja los verdes medios suaves y orgánicos.

Ejemplo de imagen de orillas helechosas generada con media.io

15) Boya de Cobre

HEX: #102a3a #1b5a6c #2ea3a9 #d08a5a #f1e2d2

Estado de ánimo: llamativo y contemporáneo

Mejor para: carteles de eventos y flyers musicales

El agua azul-verde fría con un toque de cobre resulta atrevida, contemporánea y ligeramente industrial. Es ideal para carteles de eventos, flyers musicales y branding creativo que requiera contraste refinado. Combínalo con tipografía condensada y bloques de color grandes para intensidad gráfica. Consejo de uso: usa el cobre como acento puntual o insignia de fecha para que tenga fuerza.

Ejemplo de imagen de boya de cobre generada con media.io

16) Deshielo

HEX: #fbfeff #dff3ff #a5d7f5 #4f9ecb #205b7a

Estado de ánimo: ligero y optimista

Mejor para: sitios de salud y procesos de onboarding

El deshielo fresco y la luz del día hacen que estos azules se perciban ligeros, optimistas e higiénicos. Son una opción natural para sitios de salud, procesos de bienvenida y apps de servicios que deben transmitir confianza. Combínalo con formas redondeadas suaves e iconografía clara para un tono amistoso. Consejo de uso: reserva el azul medio para estados interactivos y evita su uso como texto en fondo claro.

Ejemplo de imagen de deshielo generada con media.io

17) Profundidad Índigo

HEX: #0b1020 #1a2340 #2c3f6d #4a6bb0 #c9d3f2

Estado de ánimo: reflexivo y dramático

Mejor para: portafolios creativos y estudios de caso

Las capas profundas de índigo transmiten reflexión, dramatismo y un aire misterioso. Es ideal para portafolios creativos, páginas de casos y narrativas de producto donde se desea un contraste enfocado. Úsalo con mucho espacio en blanco y un solo acento periwinkle para enlaces. Consejo de uso: aplica el lavanda claro como fondo de secciones para que los tonos oscuros no resulten pesados.

Ejemplo de imagen de profundidad índigo generada con media.io

18) Juncos Dorados

HEX: #123241 #1f6677 #3fb7b3 #d7b86d #f7f1e1

Estado de ánimo: soleado y natural

Mejor para: menús de restaurante y hostelería

Juncos al sol y agua limpia aportan calidez natural a los tonos teal fríos. Estas combinaciones lacustres son excelentes para la imagen de restaurantes, menús y hoteles boutique que buscan una elegancia relajada. Combina el dorado con papel texturizado o grano sutil para realzar el matiz orgánico. Consejo de uso: usa teal para títulos y oro para íconos, especiales o marcadores de sección.

Ejemplo de imagen de juncos dorados generada con media.io

19) Lago Urbano

HEX: #f5f6f7 #c9d4db #6c8a99 #2d4b59 #0f1e26

Estado de ánimo: moderno y pragmático

Mejor para: kits de UI y sistemas de diseño

Los caminos de cemento y los tonos de agua fría dan a este set un aire moderno y práctico. Es ideal para kits de UI y sistemas de diseño donde los azules neutros deben ser flexibles entre componentes. Combínalo con espacios estrictos y un solo acento brillante de tu marca para evitar un resultado plano. Consejo de uso: arma estados avanzando por la gama gris-azulada para hover, activo y elementos deshabilitados.

Ejemplo de imagen de lago urbano generada con media.io

20) Laguna Tranquila

HEX: #e8fff7 #bdebdc #6ec9b6 #2d8c84 #0f4a4d

Estado de ánimo: pacífico y estilo spa

Mejor para: branding de bienestar y landing pages

Un ambiente de laguna tranquila se percibe pacífico, similar a un spa y levemente alentador. Es perfecto para marcas de bienestar, páginas de destino para meditación y secciones de ecommerce limpias. Combínalo con fotografía suave, bordes redondeados y títulos con serif ligera para un aire premium calmante. Consejo de uso: mantén alto el contraste usando teal profundo como texto sobre fondo menta.

Ejemplo de imagen de laguna tranquila generada con media.io

¿Qué colores combinan bien con el lago?

Los tonos de lago (teal, aqua, azul verdoso y azul profundo) combinan especialmente bien con neutros limpios como blanco, crema, gris suave y carbón. Los neutros ayudan a que los matices acuáticos se vean aireados y legibles, sobre todo en layouts de UI y editorial.

Si buscas más personalidad, añade un contraste cálido: arena, melocotón, cobre o dorado suave. Un solo acento cálido puede hacer que una paleta de lago se sienta más humana y menos “corporativa”, sin perder elegancia.

Para una dirección más natural, combina azules del lago con verdes apagados (salvia, helecho, pino) y blancos rotos tipo papel. Así mantienes la paleta orgánica y resulta ideal para packaging y branding ecológico.

Cómo usar una paleta de lago en diseños reales

Empieza con roles, no solo colores: usa el tinte más claro como fondo, uno medio para superficies secundarias y el tono más oscuro para texto y elementos de UI fuertes. Así la paleta será utilizable en todos los componentes, sin adivinanzas.

Para branding, conserva un color “de firma” propio del lago (suele ser un teal saturado) y apóyate en el resto con matices suaves y contrastes profundos. Mejora la consistencia entre redes, landing pages y piezas impresas.

En impresión, cuida el contraste y la densidad de tinta: los teal profundos pueden verse muy pesados en papel sin revestimiento. Usa los tonos oscuros para elementos pequeños (iconos, líneas, títulos) y reserva áreas grandes para aquas claros o neutros para un acabado más limpio.

Crea visuales de paletas de lago con IA

Si ya tienes códigos HEX, puedes transformarlos rápidamente en elementos visuales de marca generando maquetas: dashboards, carteles, packaging, menús y landing pages. La clave es describir la composición y el ambiente cromático dominante (brumoso, profundo, mentolado o tormentoso).

Prueba reutilizar los prompts anteriores intercambiando el caso de uso (por ejemplo, “pantallas de onboarding móvil” por “banner hero de sitio web”) pero manteniendo los mismos tonos lacustres. Así exploras estilos distintos sin perder coherencia cromática.

Cuando un resultado te convenza, genera algunas variaciones con distinta iluminación, tipografía o composición. Rápidamente obtendrás un set coherente de recursos para tu sistema de diseño o campaña.

Siguiente: Paleta de Colores Oro de Cosecha