Paletas de colores teal: 20 ideas y códigos hexadecimales

El color teal se encuentra justo entre el azul y el verde, por lo que equilibra naturalmente la “calma” con lo “fresco”. Esto hace que una paleta de colores teal sea fácil de usar en interfaces, marcas y espacios que necesitan claridad sin parecer fríos.

A continuación, encontrarás 20 combinaciones de colores teal seleccionadas con códigos HEX, además de una guía rápida para combinar teal con neutros, metales y acentos cálidos en diseños modernos y legibles.

Por qué las paletas teal funcionan tan bien

El teal es flexible: puede asumirse como limpio y moderno en UI, o como rico y premium en branding, dependiendo de si se inclina hacia el cian (más brillante) o el verde (más profundo).

También funciona bien con el contraste. Los teal profundos combinan con blancos rotos para layouts editoriales, mientras los tonos más claros de espuma de mar crean fondos amigables para tarjetas, formularios y pantallas de bienvenida.

Finalmente, el teal equilibra acentos cálidos y fríos. Puede acompañar toques energéticos como coral o dorado sin parecer caótico, lo cual explica por qué los esquemas de color teal suelen parecer “diseñados” incluso con poco esfuerzo.

Ideas de paletas teal de color (con códigos HEX)

1) Brisa de laguna

HEX: #0f766e #14b8a6 #5eead4 #f1f5f9 #0b1320

Ambiente: calmado, costero, fresco

Mejor para: interfaz de app de bienestar

Los tonos calmados de laguna evocan agua clara y una brisa fresca en la mañana. Funcionan de maravilla para dashboards de bienestar, rastreadores de hábitos y pantallas limpias de bienvenida donde la claridad importa. Combina el aqua brillante con texto pizarra o negro para buena legibilidad y reserva el menta claro para tarjetas y detalles sutiles. Consejo: usa el tono más oscuro para encabezados y navegación, así los acentos más claros se mantienen aireados.

Ejemplo de imagen de brisa de laguna generado en 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) Puerto profundo

HEX: #063940 #195e63 #3e838c #f4f1de #1b1f24

Ambiente: náutico, refinado, melancólico

Mejor para: diseño de menú para restaurante de mariscos

Los matices de puerto profundo evocan noches en el muelle, aire salado y madera pulida. Son ideales para menús de restaurantes y sistemas de marca que buscan ser premium sin llamar demasiado la atención. Combina teal oscuro con blanco cálido y deja el azul-verde apagado para divisores y iconos. Consejo: usa el tono crema para espacios generosos y negativos, así la tipografía se siente sofisticada y legible.

Ejemplo de imagen de puerto profundo generado en media.io

3) Marea cobriza

HEX: #0b525b #1f7a8c #bfdbf7 #e6beae #d95d39

Ambiente: cálido, artesanal, acogedor

Mejor para: packaging de velas aromáticas

El cobre cálido y el teal acuático evocan olas bañadas por el sol golpeando metal envejecido. Estas combinaciones de teal son ideales para etiquetas de velas, packaging artesanal y lanzamientos de productos boutique con un toque manual. Combina el acento oxidado con azul claro para equilibrio y deja el teal intenso para logos y marcos. Consejo: usa el cobre con moderación como punto focal para que la paleta siga calmada, no saturada.

Ejemplo de imagen de marea cobriza generado en media.io

4) Mármol mentolado

HEX: #0f766e #2dd4bf #a7f3d0 #f8fafc #94a3b8

Ambiente: tipo spa, brillante, moderno

Mejor para: moodboard de baño

El menta y el teal suave evocan piedra pulida, vapor y spa tranquilo. Perfecto para baños, tocadores y cocinas minimalistas buscando limpieza sin rigidez. Combina los verdes fríos con accesorios gris claro, madera pálida y níquel cepillado para un acabado contemporáneo. Consejo: repite el teal más oscuro en detalles pequeños como toallas o líneas de lechada para que el espacio se sienta intencional.

Ejemplo de imagen de mármol mentolado generado en media.io

5) Tinta de la selva

HEX: #064e3b #0f766e #115e59 #0b1320 #e2e8f0

Ambiente: exuberante, dramático, cinematográfico

Mejor para: portada de libro eco thriller

Verdes intensos y teal profundo evocan sombras densas de selva y caminos ocultos. Funcionan bien en portadas de libros de suspenso, arte documental y campañas ambientales que requieren seriedad. Combina el casi negro con tipo gris pálido, y usa teal como acento brillante para títulos o insignias. Consejo: mantén alto el contraste en la portada para que el diseño sea legible en miniatura.

Ejemplo de imagen de tinta de la selva generado en media.io

6) Retro a la piscina

HEX: #008c9e #00b4d8 #90e0ef #ffd166 #073b4c

Ambiente: divertido, brillante, nostálgico

Mejor para: flyer para evento de verano

Azules de piscina brillantes con toque de amarillo cítrico evocan moteles de carretera y sillas de vinilo. Perfectos para flyers de verano, eventos pop-up y promos enérgicas que necesitan alegría instantánea. Combina amarillo con navy oscuro para titulares potentes y usa aqua pálido como fondo fresco. Consejo: limita gradientes y mantén formas audaces para conservar el estilo retro.

Ejemplo de imagen de retro a la piscina generado en media.io

7) Oasis del desierto

HEX: #0f766e #34d399 #fbbf24 #fef3c7 #92400e

Ambiente: soleado, aventurero, acogedor

Mejor para: banner principal para blog de viajes

Teal y verde cactus evocan oasis sombreados sobre arena cálida del desierto. Esta mezcla es ideal para blogs de viajes, páginas de itinerario y plantillas de guía que buscan energía sin intensidad neón. Combina el tono dorado con botones teal y usa el crema como lienzo principal para fotos y titulares. Consejo: usa el marrón en divisores pequeños y subtítulos para que la paleta se mantenga equilibrada.

Ejemplo de imagen de oasis del desierto generado en media.io

8) Pizarra y espuma de mar

HEX: #0f766e #2dd4bf #64748b #1e293b #f1f5f9

Ambiente: moderno, seguro, limpio

Mejor para: dashboard UI de SaaS

Espuma de mar fresca contra gris pizarra evoca arquitectura de cristal y aire matinal. Paletas teal como esta funcionan bien en dashboards SaaS, vistas de analítica y paneles administrativos donde la jerarquía es clave. Tipografía pizarra con acentos de espuma de mar para estados, etiquetas y navegación activa. Consejo: usa el menta más brillante para estados de éxito o seleccionados para mantener la interfaz consistente.

Ejemplo de imagen de pizarra y espuma de mar generado en media.io

9) Corriente coral

HEX: #0f766e #14b8a6 #fb7185 #fff1f2 #2d1b2d

Ambiente: activo, moderno, social

Mejor para: publicaciones de belleza para redes sociales

El coral vivo con teal limpio evoca muestras de maquillaje pop art y empaques brillantes. Es una buena opción para plantillas sociales, anuncios de lanzamientos y kits de creador que necesitan captar atención rápida. Combina titulares coral con texto ciruela profundo para contraste y deja el blush pálido para fondos. Consejo: usa coral solo en uno o dos elementos clave por publicación para mantener el feed cohesivo.

Ejemplo de imagen de coral actual generado usando media.io

10) Nórdico Verde Azulado Neutro

HEX: #115e59 #0f766e #e5e7eb #f9fafb #111827

Ambiente: minimalista, práctico, calmado

Mejor para: Página de producto de ecommerce UI

El verde azulado apagado con grises suaves recuerda a los textiles escandinavos y estantes ordenados. Es ideal para páginas de producto y flujos de checkout que deben transmitir confianza y claridad. Combina el tono de tinta oscuro con fondos claros, y usa el verde azulado para enlaces, interruptores y precios destacados. Consejo de uso: reserva el verde azulado más fuerte para los botones principales, así las acciones de conversión destacarán.

Ejemplo de imagen del nórdico verde azulado neutro generado con media.io

11) Pavo Real Eléctrico

HEX: #006d77 #00a896 #02c39a #ffd166 #001219

Ambiente: audaz, festivo, enérgico

Mejor para: cartel de festival de música

El verde azulado de pavo real y menta neón evocan luces de escenario atravesando la noche. Esta paleta es ideal para carteles de festivales, promociones nocturnas y anuncios de alto impacto que necesitan contraste llamativo. Combina los verdes brillantes con negro profundo en la tipografía y utiliza el amarillo como acento de foco tras los actos principales. Consejo de uso: mantén la tipografía grande y simple para que los colores saturados no perjudiquen la legibilidad.

Ejemplo de imagen del pavo real eléctrico generado con media.io

12) Botica Vintage

HEX: #134e4a #0f766e #a3b18a #f2e8cf #6b4f4f

Ambiente: terroso, nostálgico, hecho a mano

Mejor para: empaque de botella de tónico herbal

El verde azulado terroso con tonos de salvia y pergamino recuerda etiquetas viejas, botellas de vidrio y botánicos secos. Funciona para empaques de inspiración botica, marcas de alimentos artesanales y señalización de mercados de agricultores. Combina el pergamino con verde azulado profundo para un contraste clásico en etiquetas y usa el marrón apagado para bordes vintages. Consejo de uso: añade textura de papel sutil y mantiene la paleta mate para transmitir la historia artesanal.

Ejemplo de imagen de botica vintage generado con media.io

13) Fiordo Ártico

HEX: #0e7490 #22d3ee #a5f3fc #e0f2fe #0f172a

Ambiente: nítido, helado, preciso

Mejor para: Página de aterrizaje fintech UI

Azules gélidos y verde azulado evocan agua glaciar y luz de invierno intensa. Son perfectos para landings fintech y pantallas de producto que deben transmitir rapidez, limpieza y seguridad. Combina el azul marino oscuro con cian brillante para CTA, y usa el matiz más pálido para secciones y tarjetas. Consejo de uso: mantiene los íconos monocromáticos y permite que un solo color de acento guíe el foco.

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

14) Lago Rubor

HEX: #0f766e #5eead4 #fbcfe8 #fff7ed #374151

Ambiente: suave, romántico, etéreo

Mejor para: set de invitación de boda

El rubor suave con verde azulado acuoso evoca cristales de mar, cintas de seda y flores de primavera. Es ideal para papelería de bodas, invitaciones a despedidas de soltera y elegantes tarjetas RSVP con un toque ligero. Combina texto en carbón con fondos rubor y usa verde azulado con moderación para monogramas o ilustraciones pequeñas. Consejo de uso: elige un pastel dominante y deja el otro como acento para evitar una apariencia de caramelos.

Ejemplo de imagen del lago rubor generado con media.io

15) Arrecife Carbón

HEX: #0f766e #134e4a #334155 #0b1320 #f8fafc

Ambiente: elegante, tecnológico, premium

Mejor para: diseño editorial para informe anual

Los tonos oscuros de arrecife evocan aguas profundas con bordes limpios y modernos. Esta mezcla destaca en diseños editoriales, informes anuales y presentaciones que buscan tono sofisticado. Prueba estas combinaciones con mucho espacio en blanco, líneas delgadas y gráficos claros para un acabado pulido. Consejo de uso: el texto principal sobre blanco y los tonos más oscuros para barras laterales y aperturas de sección.

Ejemplo de imagen de arrecife carbón generado con media.io

16) Alga Dorada

HEX: #0f766e #14b8a6 #f59e0b #fef3c7 #3f2d20

Ambiente: lujoso, costero, cálido

Mejor para: plan de acentos para interior de restaurante

Destellos dorados sobre verde azulado evocan algas flotando en aguas iluminadas por el sol. Funciona para interiores de hostelería, conceptos de bar y espacios de comedor que buscan calidez sin perder frescura. Combina tapicería verde azulada con accesorios de latón y paredes cremosas; agrega marrón profundo para detalles en madera o cuero. Consejo de uso: repite el tono dorado en la iluminación para que la paleta brille de noche.

Ejemplo de imagen de alga dorada generado con media.io

17) Bahía Tormentosa

HEX: #0b525b #144552 #1c2e4a #9be7d8 #f1f5f9

Ambiente: tormentoso, enfocado, profesional

Mejor para: tema para presentación de diapositivas

Los tonos de bahía tormentosa evocan lluvia sobre el mar, firmes y serios. Son ideales para presentaciones, decks de cliente y temas keynote que requieran autoridad calmada. Combina marino profundo con fondos claros, y usa el verde menta pálida para destacados y datos. Consejo de uso: gráficos principalmente monocromos y un solo acento para guiar a la audiencia.

Ejemplo de imagen de bahía tormentosa generado con media.io

18) Eucalipto de Primavera

HEX: #0f766e #2dd4bf #bbf7d0 #fefce8 #84cc16

Ambiente: fresco, botánico, optimista

Mejor para: ilustración botánica en acuarela

Verdes frescos y verde azulado suave evocan hojas de eucalipto secándose al sol. Son perfectos para etiquetas botánicas, gráficos sociales suaves y campañas estacionales con tono orgánico. Usa amarillo mantequilla con lavados menta claros y conserva el verde más intenso para tallos y hojas principales. Consejo de uso: añade mucho espacio en blanco alrededor de la ilustración para mantener la paleta ligera y respirable.

Ejemplo de imagen de eucalipto de primavera generado con media.io

19) Acuario Neón

HEX: #0f766e #00f5d4 #00bbf9 #9b5de5 #0b1320

Ambiente: futurista, enérgico, neón

Mejor para: UI de overlay para streaming de gaming

El agua neón y violeta evocan coral brillante en un acuario nocturno. Es perfecta para overlays de streaming, gráficos de esports y pieles UI audaces donde importan el contraste y la personalidad. Combina la base oscura con acentos brillantes para paneles y alertas, y usa el púrpura para énfasis secundarios como etiquetas o temporizadores. Consejo de uso: evita usar todos los tonos neón al mismo tiempo; elige un acento principal y otro secundario para mayor claridad.

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

20) Verde Azulado y Beige Clásico

HEX: #0f766e #115e59 #d6a15e #f5e6d3 #3a2f2a

Ambiente: atemporal, cálido, editorial

Mejor para: editorial de moda tipo lookbook

El verde azulado clásico con beige y crema evoca abrigos a medida, accesorios de cuero e iluminación de museo. Una paleta así funciona para lookbooks de moda, editoriales de estilo de vida y catálogos premium. Combina bloques beige con titulares verde azulados y usa crema para mantener las fotos de producto luminosas y realistas. Consejo de uso: repite el marrón en pequeños detalles como números de página y líneas para un acabado cohesivo y listo para impresión.

Ejemplo de imagen de verde azulado y beige clásico generado con media.io

¿Qué colores combinan bien con teal?

El verde azulado combina fácilmente con neutros nítidos como blanco, marfil y gris claro para un aspecto limpio y moderno. Para profundidad y legibilidad, usa verde azulado con carbón, pizarra o casi negro para textos y encabezados.

Para contraste cálido, prueba coral, terracota, beige o amarillo dorado: estos aportan energía al verde azulado sin opacarlo. Si buscas un toque premium, mezcla verde azulado con metálicos como latón/oro o níquel cepillado según si quieres calidez o frescura.

Para una paleta tonal de verde azulado, superpón con azul marino y azul-verde. Mantiene el conjunto sofisticado y es especialmente eficaz para dashboards, reportes y editoriales.

Cómo usar una paleta teal en diseños reales

Empieza por los roles: elige un verde azulado oscuro o azul marino para estructura (encabezados, navegación), uno medio para identidad de marca y un tinte pálido para fondos y tarjetas. Así se mantiene la jerarquía consistente en todas las pantallas o páginas.

Ten en cuenta el contraste. Si el fondo es verde azulado, usa texto blanco roto o muy oscuro; si es acento, que resalte sólo los estados clave de UI (activo, seleccionado, éxito) para que los usuarios comprendan el sistema rápidamente.

Para impresión e interiores, repite el verde azulado en detalles pequeños e intencionados—líneas, íconos, toallas, molduras—y deja que los neutros dominen el espacio. Un solo acento cálido (dorado, beige, coral) puede ser el punto focal.

Crea paletas teal visuales con IA

Si quieres ver cómo se aplican estas ideas de paletas verde azulado en diseños reales, genera maquetas desde prompts en segundos. Es una forma rápida de probar ambiente, contraste y balance antes de comprometerte con un diseño completo.

Prueba crear varias variaciones cambiando solo un acento (coral vs. oro vs. beige) manteniendo la base verde azulado constante. Así verás rápidamente qué combinaciones encajan con el tono de tu marca o UI.

Con Media.io, puedes convertir una breve descripción en visuales profesionales para carteles, pantallas de UI, empaque o mood boards de interiores—directamente en tu navegador.

Siguiente: Paleta de colores azules