21 mejores paletas de verde y azul claro: códigos hex y ejemplos de diseño AI

El verde azul claro se sitúa justo entre los verdes mentolados y los azules aireados, convirtiéndolo en una de las familias de colores más fáciles de usar en diseño. Puede transmitir una sensación costera y relajada, limpia y clínica, o audaz y tecnológica, según el contraste y los acentos.

A continuación encontrarás más de 20 combinaciones de color verde azul claro con códigos HEX, además de formas prácticas de aplicarlas en UI, branding e impresión.

Por qué funcionan tan bien las paletas verde azul claro

Las paletas verde azul claro comunican de forma natural calma, claridad y limpieza. Como toman la confianza del azul y la frescura del verde, encajan tanto en branding wellness como en interfaces de software moderno.

Además, funcionan bien en distintas superficies: los matices suaves pueden ocupar grandes fondos sin ser pesados, mientras los tonos más profundos anclan la tipografía y los CTAs con contraste confiable.

Lo más importante es que el verde azul claro es flexible con los acentos. Puedes mantenerlo monocromático para un aspecto minimalista o añadir notas cálidas (arena, coral, cítrico) para crear energía instantánea sin perder la base tranquilizadora.

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

1) Brisa costera de menta

HEX: #D7F4F1 #9EE7E4 #66D1D8 #2FA7B3 #1F3B4D

Estado de ánimo: aireado, fresco, costero

Ideal para: UI de página de inicio de bienestar

Aireadas y costeras, estas tonalidades recuerdan la bruma marina sobre arena pálida con un acabado nítido y limpio. Utiliza esta paleta de colores verde azul claro para marcas de bienestar, cuidado de la piel y pantallas de registro calmantes. Combínala con espacios en blanco y un tono pizarra oscuro para la tipografía y así asegurar buen contraste. Consejo: reserva el tono más oscuro para botones y llamadas clave a la acción, y mantén los degradados sutiles.

Ejemplo de imagen de brisa costera de menta generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Estudio espuma de mar

HEX: #E9FBF7 #BFF3EA #86DAD0 #4CB7B6 #2B5A63

Estado de ánimo: limpio, moderno, estilo spa

Ideal para: empaques de productos para el cuidado de la piel

Limpia y tipo spa, la mezcla evoca espuma fresca de mar y piedra pulida. Funciona muy bien en etiquetas minimalistas, listas de ingredientes y cajas premium donde la claridad importa. Añade crema mate como fondo de apoyo y deja que el teal medio lleve la marca. Consejo: usa el tono más oscuro para textos legales pequeños para evitar impresiones desvaídas.

Ejemplo de imagen de estudio espuma de mar generado con media.io

3) Laguna de cristal

HEX: #E6FFFB #A7F3E8 #6EE7D8 #34C6C3 #164E63

Estado de ánimo: brillante, tropical, pulido

Ideal para: UI de tablero de aplicaciones

Brillante y pulida, evoca el agua clara de una laguna con un toque seguro y tecnológico. Los matices claros mantienen los tableros legibles mientras el azul verdoso profundo ancla la navegación. Combina con grises neutros para tablas y permite que el agua resalte los estados activos. Consejo: limita los gráficos a dos acentos para que los datos sean fáciles de escanear.

Ejemplo de imagen de laguna de cristal generado con media.io

4) Combinación de menta y cielo

HEX: #EAFCFB #B8F1F0 #79D4E0 #3AA8C1 #1D2D44

Estado de ánimo: animado, ventoso, optimista

Ideal para: diseño de volante de viaje

Animada y fresca, recuerda aguas abiertas bajo un cielo alto y despejado. Estas combinaciones de verde azul claro destacan en volantes de viaje, promociones de verano y cabeceras de eventos que necesitan frescura instantánea. Combina con tipografía bold sans-serif y mantén las imágenes en tonos claros para que la paleta destaque. Consejo: utiliza el azul marino en los titulares para mantener el contraste nítido en impresión.

Ejemplo de imagen de combinación de menta y cielo generado con media.io

5) Neutro guijarro aqua

HEX: #F3FFFE #CFEFEB #94D9D5 #5FB9B8 #3B3F46

Estado de ánimo: equilibrado, calmado, profesional

Ideal para: presentación corporativa

Equilibrado y calmado, sugiere vidrio aqua junto a un gris guijarro suave. La base neutral mantiene las diapositivas profesionales mientras el teal añade confianza y claridad. Combina con divisores gris claro e íconos simples para un sistema limpio y consistente. Consejo: utiliza el tono medio para títulos de sección y el gris oscuro para texto del cuerpo.

Ejemplo de imagen de neutro guijarro aqua generado con media.io

6) Piscina ártica

HEX: #F0FAFF #CDEFFF #8DD6F3 #3FB1D6 #0F3D4C

Estado de ánimo: fresco, nítido, refrescante

Ideal para: gráficos de cabecera de blog tecnológico

Fresco y nítido, recuerda la luz del sol rebotando en una piscina ártica. Los azules claros mantienen las cabeceras ligeras, mientras el teal profundo aporta buen contraste tipográfico. Combina con íconos lineales monocromáticos y un solo botón de acento para un look editorial moderno. Consejo: evita sobresaturar los fondos; deja que el blanco haga el trabajo pesado.

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

7) Explosión cítrica de laguna

HEX: #E8FFFB #9FF2E3 #4FD3C4 #2D93AD #FFD166

Estado de ánimo: juguetón, enérgico, veraniego

Ideal para: creativo para anuncio en redes sociales

Juguetona y veraniega, parece agua de laguna con un toque cítrico jugoso. El acento cálido evita que los tonos fríos resulten demasiado clínicos, ideal para promociones que capten la atención al hacer scroll. Combina con formas audaces y copys cortos para que el color sea el protagonista. Consejo: reserva el amarillo para detalles como etiquetas o precios.

Ejemplo de imagen de explosión cítrica de laguna generado con media.io

8) Niebla acuarela herbal

HEX: #F4FFFC #D6F7ED #A8E2D1 #6DC2B6 #2D6A6A

Estado de ánimo: suave, botánico, tranquilizador

Ideal para: ilustración botánica de primavera

Suave y botánica, evoca hierbas frescas bañadas en rocío matutino. Los matices tenues son ideales para ilustraciones de primavera, detalles en empaques y arte para blogs de estilo de vida. Combina con texturas de papel y líneas delicadas para mantenerlo orgánico. Consejo: utiliza el verde azul más oscuro solo en tallos y pequeñas sombras para dar profundidad.

Ejemplo de imagen de niebla acuarela herbal generado con media.io

9) Calma clínica moderna

HEX: #F7FFFE #D8F4F2 #A7E0E0 #63BFBF #134E5E

Estado de ánimo: reconfortante, higiénico, calmado

Ideal para: UI de citas para atención médica

Tranquilo y higiénico, se siente como una clínica impecable con un tono amistoso. Esta gama de colores verde azul claro apoya formularios, calendarios y estados de estado sin estrés visual. Combínalo con elementos de interfaz redondeados y un gris neutro para el texto secundario. Consejo: usa el tono más oscuro para mensajes de error y acciones clave para mantener la claridad.

Ejemplo de imagen de una clínica moderna, calmada, generada con media.io

10) Puerto Lluvioso

HEX: #E9F6FA #BFDDE7 #7FB8C9 #3D8FA3 #22313F

Estado de ánimo:melancólico, refinado, náutico

Ideal para:diseño editorial de revista

Melancólico y refinado, sugiere un puerto lluvioso con agua azul acero y cascos oscuros. Los tonos atenuados son ideales para composiciones editoriales donde imágenes y tipografía deben coexistir. Combínalo con tonos de papel blanquecino y una sola línea de acento para lograr estructura. Consejo: mantén el texto principal en el tono carbón para evitar una página deslavada.

Ejemplo de imagen de puerto lluvioso generada con media.io

11) Contraste Azulejo de Piscina

HEX: #F2FFFD #B9F3EA #6FE1D8 #1FB6B0 #0B1320

Estado de ánimo:audaz, limpio, alto contraste

Ideal para:página de precios SaaS UI

Audaz y limpio, recuerda azulejos brillantes de piscina junto a sombras de medianoche. El contraste hace que los niveles de precio y las características sean rápidamente detectables. Combínalo con iconografía simple y mucho espacio para mantener una sensación premium y no ruidosa. Consejo: usa el casi-negro solo en encabezados y botones para que la página se perciba ligera.

Ejemplo de imagen de contraste de azulejos de piscina generada con media.io

12) Minimalismo Menta Helada

HEX: #FBFFFF #DFFAF6 #B4EEE7 #7FD2D2 #2F4858

Estado de ánimo:minimalista, aireado, contemporáneo

Ideal para:moodboard de identidad de marca

Minimalista y aireado, luce como vidrio escarchado con un sutil tono menta. Usa esta paleta de colores verde azul claro en moodboards de identidad, papelería y exploraciones simples de logos. Combínalo con papel blanco cálido y tipografía contenida para mantener la elegancia. Consejo: no uses degradados en el logo y utiliza rellenos planos para coherencia.

Ejemplo de imagen de minimalismo menta helada generada con media.io

13) Equilibrio Arcilla Marina

HEX: #E7FAF7 #AEE8DE #5FC6C0 #2D8F95 #C97C5D

Estado de ánimo:arraigado, artesanal, moderno

Ideal para:packaging de marca cerámica

Arraigado y artesanal, mezcla frescura marina con un acento cálido de arcilla. Los tonos fríos mantienen el aspecto moderno, mientras que la nota terracota añade carácter hecho a mano. Combínalo con papel sin recubrimiento y gráficos estampados simples para mayor autenticidad. Consejo: usa el tono cálido solo en sellos o patrones pequeños para que siga siendo especial.

Ejemplo de imagen de equilibrio arcilla marina generada con media.io

14) Nado Aurora

HEX: #E8FFFE #B8FFF3 #75E7D6 #35B7C5 #1D3557

Estado de ánimo:fresco, luminoso, deportivo

Ideal para:pantallas onboarding app de fitness

Fresco y luminoso, evoca una natación temprana bajo el resplandor de una aurora. Estos tonos son ideales para procesos de bienvenida donde se busca energía sin saturaciones agresivas. Combínalo con ilustraciones simples y títulos navy oscuros para legibilidad. Consejo: utiliza los indicadores de progreso en el azul teal más brillante para que el movimiento se sienta gratificante.

Ejemplo de imagen de nado aurora generada con media.io

15) Glaciar Suave

HEX: #F5FFFE #D2F1F4 #A0D6E2 #5FA7C5 #2B2D42

Estado de ánimo:sereno, frío, discreto

Ideal para:tema para plantilla de presentación

Sereno y frío, recuerda la luz de un glaciar filtrada por nubes delgadas. Es adecuado para plantillas donde se necesita autoridad tranquila para cuadros, agendas y notas del presentador. Combínalo con divisores delgados e íconos monocromáticos para lograr un sistema ordenado. Consejo: usa el azul medio en las barras de sección para guiar a la audiencia en la presentación.

Ejemplo de imagen de glaciar suave generada con media.io

16) Caramelo de Algodón Teal

HEX: #EFFFFB #B9F7E9 #63D6D0 #2B9FB8 #FFB4A2

Estado de ánimo:alegre, juvenil, amigable

Ideal para:póster menú de cafetería

Alegre y amigable, recuerda un matcha helado junto a un suave acento dulce. El contraste divertido es ideal para menús de café, especiales de temporada y pósteres desenfadados. Combínalo con tipografía redondeada e ilustraciones sencillas para mantener la cercanía. Consejo: usa el acento cálido solo en precios o avisos para no eclipsar la base fresca.

Ejemplo de imagen de caramelo de algodón teal generada con media.io

17) Hormigón de la Bahía

HEX: #F1FBFF #CFEAF2 #8EC9D9 #4A9AB0 #5B6770

Estado de ánimo:urbano, relajado, contemporáneo

Ideal para:folleto inmobiliario

Urbano y relajado, evoca aire junto a la bahía sobre hormigón suave. La paleta mantiene los folletos inmobiliarios modernos y a la vez fáciles de leer. Combínalo con márgenes blancos amplios y fotografía nítida para un toque premium. Consejo: usa el gris como color constante para pies de foto y unificar varias propiedades.

Ejemplo de imagen de hormigón de la bahía generada con media.io

18) Destello Neón de Piscina de Marea

HEX: #E6FFFA #A7FCE0 #4FE3C1 #00B8D4 #102A43

Estado de ánimo:vibrante, tecnológico, seguro

Ideal para:sección principal producto startup

Vibrante y tecnológico, recuerda piscinas de marea iluminadas por el sol de mediodía. Funciona bien en secciones principales de producto donde se desea energía y contraste. Combínalo con bloques en modo oscuro y un solo acento brillante para elementos interactivos. Consejo: usa los degradados sólo en fondos para mantener los componentes UI limpios.

Ejemplo de imagen de destello neón de piscina de marea generada con media.io

19) Acuario Suave

HEX: #F2FFFE #D1F7F4 #9CE6E7 #5FCBD0 #2C7A7B

Estado de ánimo:suave, amigable, educativo

Ideal para:UI de app educativa para niños

Suave y amigable, evoca una visita a un acuario con luz tenue y agua calmada. Los tonos pastel hacen las pantallas accesibles para niños y modernas. Combínalo con ilustraciones de personajes y tarjetas redondeadas para un ritmo acogedor. Consejo: usa el teal más oscuro solo en etiquetas de navegación y estados clave de feedback.

Ejemplo de imagen de acuario suave generada con media.io

20) Piedra de Río y Lima

HEX: #ECFFFB #B8F2E6 #5BC8AF #3A86FF #A7C957

Estado de ánimo:aventurero, al aire libre, brillante

Ideal para:póster de evento al aire libre

Aventurero y natural, sugiere agua sobre piedra de río con un toque de lima. Estas combinaciones de verde azul claro encajan en eventos outdoor, campañas de energía limpia y carteles tipográficos llamativos. Combínalo con tipografía gruesa y patrones topográficos simples para reforzar el tema. Consejo: reserva el azul brillante solo como acento para que los verdes dominen.

Ejemplo de imagen de piedra de río y lima generada con media.io

21) Meridiano Calmo

HEX: #F6FFFD #D9F8F0 #AEE7E0 #6EC5C2 #254E5F

Estado de ánimo:sereno, confiable, refinado

Ideal para:UI de app financiera

Sereno y confiable, se percibe como una línea de brújula sobre aguas calmas. Utiliza esta paleta de verde azul claro para interfaces financieras que necesitan transmitir confianza sin ser frías. Combínalo con sombras sutiles y rellenos de íconos sobrios para un acabado premium. Consejo: usa estados de éxito en azul teal medio y mantén los avisos neutros para evitar ansiedad visual.

Ejemplo de imagen de meridiano calmo generada con media.io

¿Qué colores combinan bien con el verde azul claro?

El verde azul claro combina fácilmente con neutros frescos como blanco, marfil cálido y grises suaves, manteniendo los diseños ligeros y legibles. Para texto y estructura, el azul marino oscuro, pizarra o carbón ofrecen un contraste fiable sin ser agresivos.

Si buscas un estilo costero, añade arena, beige o marrones madera flotante. Para más energía, utiliza acentos cálidos como coral, melocotón o amarillo cítrico en pequeñas dosis para crear puntos focales.

Para un look tecnológico moderno, combina verde azul claro con casi negro y un acento brillante (cian eléctrico o menta neón). Así, la paleta se mantiene limpia y con dinamismo.

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

Empieza asignando roles: utiliza el tono más claro para fondos, un teal medio para superficies (tarjetas, secciones, relleno UI) y un azul-verde oscuro para titulares, navegación y botones principales. Esto mantiene una jerarquía consistente en pantallas o páginas.

En impresión, utiliza áreas grandes en claro para evitar resultados apagados y usa el tono oscuro para el texto principal. Si incorporas un acento cálido, resérvalo para avisos clave (precios, insignias, etiquetas de "Nuevo") para que el diseño permanezca calmo.

Para sistemas de branding, crea un pequeño set de tokens: fondo, superficie, borde, principal y acento. Así las combinaciones verde azul claro son más fáciles de escalar en web, redes, packaging y plantillas.

Crea visuales de paletas verde azul claro con IA

Si quieres previsualizar cómo luce una paleta verde azul claro en un diseño real, genera mockups rápidos con IA. Es la manera más ágil de probar el ambiente, contraste y ubicación de acentos antes de pasar a producción.

Prueba crear múltiples variantes manteniendo la paleta pero cambiando la escena (UI, packaging, póster) y el estilo/luz (vector plano vs. estudio realista). Verás enseguida qué tonos deben ser protagonistas y cuáles acompañantes.

Siguiente: Paleta de colores azul esmeralda