20 combinaciones de tonos cerúleos modernos con códigos hexadecimales

Cerulean es un azul moderno, donde el cielo se encuentra con el mar, que instantáneamente se siente limpio, optimista y confiable. Es favorito en interfaces, marcas e impresión porque se ve nítido en tamaños pequeños y permanece tranquilo incluso saturado.

A continuación se presentan ideas de paletas de color cerulean con códigos HEX listos para usar, más una guía rápida sobre combinaciones, contraste y el mejor uso de cada combinación.

Por qué las paletas cerulean funcionan tan bien

Cerulean está en una zona visual “segura”: se siente enérgico sin la urgencia del rojo, y es más contemporáneo que muchos azules clásicos. Ese equilibrio lo hace versátil tanto para sistemas de diseño orientados a la marca como para campañas expresivas.

En interfaces digitales, cerulean suele funcionar bien para la jerarquía porque puede llevar botones, enlaces o navegación y aún dejar espacio para neutros. En impresión, se mantiene reconocible en papeles recubiertos/no recubiertos y combina bien con acentos cálidos.

Lo más importante, cerulean tiene amplio rango de combinación: desde blancos aireados y grises frescos para diseños minimalistas, hasta corales, ámbar y magenta neón para visuales de alto contraste e impacto.

20+ Ideas de paletas de color cerulean (con códigos HEX)

1) Cristal Oceánico

HEX: #007BA7 #2BA9C9 #7DD6E8 #E6F7FB #0B2D39

Estado de ánimo: fresco, aireado, acuático

Ideal para: banners principales de sitios web y páginas de viajes

Fresco y acuático, estos tonos evocan luz solar sobre agua clara y olas cristalinas. Usa el azul marino-teal oscuro como base y deja que los azules más claros lleven los visuales principales. Combina con espacio blanco y tipografía fina en color oscuro para un aspecto moderno y nítido. Consejo: reserva el cian más brillante para botones y enlaces clave, así se percibe intencional, no ruidoso.

Ejemplo de imagen de cristal oceánico 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) Minimalismo Costero

HEX: #0B7FAB #5FBBD2 #F2F5F7 #D9C7B8 #2E3A44

Estado de ánimo: tranquilo, limpio, casa de playa

Ideal para: identidad de marca minimalista y papelería

Tranquilo y sobrio, esta combinación evoca madera flotante, mañanas con niebla y interiores costeros ordenados. Usa el blanco suave como fondo principal y el azul como ancla de marca. El beige arenoso es perfecto para bloques secundarios, etiquetas y texturas de empaque. Consejo: elige carbón para la tipografía en lugar de negro puro para mantener el aspecto suave y premium.

Ejemplo de imagen de minimalismo costero generado con media.io

3) Coral Cerulean Pop

HEX: #007BA7 #FF6B6B #FFD166 #F7FFF7 #1F2937

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

Ideal para: anuncios sociales y gráficos de campaña

Juguetona y soleada, esta combinación se siente como un cartel de festival de playa con formas audaces y titulares animados. Estas combinaciones de cerulean brillan cuando el azul ocupa el fondo y el coral atrae la atención. Agrega el amarillo cálido como un realce en insignias, etiquetas de precio o iconos pequeños. Consejo: utiliza texto en pizarra profunda para asegurar legibilidad ante los acentos brillantes.

Ejemplo de imagen de coral cerulean pop generado con media.io

4) Panel Tecnológico Nocturno

HEX: #0A2540 #007BA7 #00D1FF #7A8C99 #111827

Estado de ánimo: elegante, técnico, modo noche

Ideal para: paneles SaaS y UI analítica

Elegante y técnico, esta combinación recuerda a una sala de control nocturna con indicadores luminosos. Utiliza los dos azules oscuros para superficies y paneles, e integra el cian brillante para estados activos y gráficos. El gris frío ayuda a separar secciones sin añadir ruido visual. Consejo: limita el acento neón a un único rol UI (acción primaria o pestaña seleccionada) para evitar competencia de realces.

Ejemplo de imagen de panel tecnológico nocturno generado con media.io

5) Pasteles Junto a la Piscina

HEX: #3AAFD9 #8EE3F5 #FBE7F0 #FFF4D6 #2F4858

Estado de ánimo: suave, alegre, veraniego

Ideal para: newsletters de bienestar y blogs de estilo de vida

Suaves y alegres, estos pasteles evocan azulejos de piscina, loción solar y toallas frescas. Usa el aqua claro como fondo espacioso y el azul fuerte para títulos y barras de sección. Los tonos de rubor y mantequilla aportan calidez a iconos, etiquetas y destacados. Consejo: mantén el texto del cuerpo en azul marino apagado para que las superficies pastel sean legibles en móvil.

Ejemplo de imagen de pasteles junto a la piscina generado con media.io

6) Cielo Nórdico

HEX: #1C86B8 #A7D8F0 #F7FAFC #C8D0D6 #22313F

Estado de ánimo: nítido, aireado, escandinavo

Ideal para: UI de producto y branding minimalista

Nítida y aireada, esta paleta cerulean evoca luz de invierno, cielos pálidos e interiores escandinavos limpios. Deja que el casi blanco y azul brumoso sean el fondo y espacio. Usa el azul más profundo para navegación, iconos y jerarquía clara, mientras el gris apoya divisores y campos de formularios. Consejo: agrega padding generoso y líneas finas para que los tonos fríos se sientan tranquilos y no fríos.

Ejemplo de imagen de cielo nórdico generado con media.io

7) Cartel de Viaje Vintage

HEX: #00739C #F2C14E #E07A5F #F4F1DE #3D405B

Estado de ánimo: nostálgico, cálido, cinematográfico

Ideal para: carteles de eventos y promociones retro

Nostálgica y cinematográfica, esta mezcla recuerda papel descolorido por el sol, viajes costeros y tintas de cartel clásico. Pon primero el crema cálido como fondo y genera contraste con azul índigo profundo en títulos y bordes. El amarillo dorado y el coral arcilla son acentos fuertes para fechas, entradas e insignias. Consejo: usa texturas de grano y formas sencillas para transmitir la vibra retro sin perder claridad.

Ejemplo de imagen de cartel de viaje vintage generado con media.io

8) Hortensia Azul Botánico

HEX: #1B7FB9 #5BC0EB #9BC53D #EAF7E1 #234F1E

Estado de ánimo: fresco de jardín, brillante, natural

Ideal para: ilustraciones botánicas y branding ecológico

Fresca de jardín y brillante, estos colores evocan flores de hortensia sobre hojas de primavera nítidas. Usa el blanco-verde suave como base tipo papel y coloca los azules para pétalos, encabezados o paneles de packaging. El verde vivo aporta acento natural para iconos, sellos y reclamaciones de sostenibilidad. Consejo: reserva el tono selva oscuro para texto pequeño y contornos, así la paleta se mantiene clara y amigable.

Ejemplo de imagen de hortensia azul botánico generado con media.io

9) Muelle al Atardecer

HEX: #0081AF #FFB703 #FB8500 #FFECD1 #2B2D42

Estado de ánimo: cálido, alegre, noche costera

Ideal para: menús de restaurante y promociones de verano

Cálida y alegre, esta combinación captura el momento en que el sol se oculta tras el muelle y todo se vuelve dorado. Usa el crema suave como fondo de menú y el azul marino oscuro para texto legible. El naranja y ámbar combinan bien para realces como especiales, insignias y encabezados de secciones. Consejo: restringe el naranja a áreas pequeñas para que se mantenga apetitoso y no abrumador.

Ejemplo de imagen del muelle al atardecer generado usando media.io

10) Tinta y Espuma de Mar

HEX: #0B132B #1C7CA9 #5BC8AF #F0F7F4 #3A506B

Estado de ánimo: atmosférico, moderno, oceánico

Ideal para: arte de portada de pódcast y branding musical

Atmosféricos y modernos, estos tonos sugieren tinta profunda, rocío del mar y aire costero nocturno. Utiliza el azul casi negro como fondo para hacer que los azules brillen, luego incorpora la espuma de mar para pequeños destaques e iconos. El blanco menta pálido funciona bien para bloques tipográficos y espacio negativo. Consejo: agrega un elemento tipográfico llamativo en espuma de mar para crear un punto focal en tamaño miniatura.

Ejemplo de imagen de tinta y espuma de mar generado usando media.io

11) Azulejo Mediterráneo

HEX: #007BA7 #00B4D8 #90E0EF #CAF0F8 #03045E

Estado de ánimo: soleado, decorativo, estilo costero

Ideal para: diseños de patrones y mockups de decoración de hogar

Soleado y decorativo, este conjunto evoca azulejos pintados, paredes encaladas y agua clara en el puerto. Utiliza el azul más pálido como fondo para que los medianos y brillantes formen motivos repetidos. El índigo profundo es perfecto para los contornos que mantienen los patrones nítidos a pequeña escala. Consejo: usa solo dos azules por motivo y los demás como bandas alternas en los bordes para un ritmo limpio.

Ejemplo de imagen de azulejo mediterráneo generado usando media.io

12) App Infantil de Aprendizaje

HEX: #1E96FC #007BA7 #FFD23F #FF6F91 #F7F7FF

Estado de ánimo: amigable, brillante, juguetón

Ideal para: interfaz de app educativa y pantallas de bienvenida

Amigables y brillantes, estos colores evocan pegatinas, premios y carteles alegres en el aula. Usa el casi blanco como base suave y deja que los dos azules organicen navegación y tarjetas. El amarillo y el rosa deben reservarse para premios, estados de progreso e ilustraciones juguetonas. Consejo: aplica el rosa solo a un tipo de elemento (como insignias), para que la interfaz sea fácil de escanear.

Ejemplo de imagen de app infantil de aprendizaje generado usando media.io

13) Packaging de Spa de Lujo

HEX: #0E7C86 #7BC6C9 #E9F5F5 #D8C3A5 #2E2E2E

Estado de ánimo: sereno, premium, restaurativo

Ideal para: etiquetas de cuidado de la piel y anuncios de productos

Serenos y premium, estos tonos sugieren vapor, toallas limpias e iluminación tranquila de spa. Usa el aqua pálido como base para etiquetas y el teal más profundo para marcas y reclamos clave. El beige cálido agrega un toque sutil de lujo, especialmente para detalles metálicos o tapas. Consejo: mantén la tipografía mayormente en carbón y usa el teal con moderación para que el packaging se sienta calmado, no clínico.

Ejemplo de imagen de packaging de spa de lujo generado usando media.io

14) Editorial Blue Note

HEX: #0A2239 #006D9C #5AA9E6 #F9F7F3 #A9927D

Estado de ánimo: refinado, editorial, clásico moderno

Ideal para: diseños de revistas y reportes

Refinado y editorial, estas tonalidades evocan tinta sobre papel texturizado con un titular azul nítido. Usa el blanco cálido para fondos de página y deja que los azules oscuros definan la cuadrícula, reglas y encabezados de sección. El beige suave funciona bien para citas destacadas y pequeñas cajas informativas sin distraer la atención. Consejo: mantén la imaginería en tonos fríos para armonizar con los azules y evitar choques cálidos.

Ejemplo de imagen de editorial blue note generado usando media.io

15) Puerto Invernal

HEX: #0B3954 #007BA7 #BFD7EA #E1E5F2 #4A4E69

Estado de ánimo: fresco, tranquilo, contemplativo

Ideal para: presentaciones y branding fintech

Fresco y tranquilo, este conjunto evoca agua calmada bajo un cielo nublado de invierno. Usa los lavandas pálidos y azul claro como fondos de diapositivas para mantener el contenido respirable. Los tonos profundos de puerto funcionan mejor para titulares, gráficos y elementos seguros de navegación. Consejo: utiliza el azul medio solo para destacar datos, de modo que las tendencias y números clave sean inmediatamente visibles.

Ejemplo de imagen de puerto invernal generado usando media.io

16) Surf Retro

HEX: #008ECF #00C2D1 #FEE440 #FF5C8A #2D3047

Estado de ánimo: audaz, divertido, deportivo

Ideal para: gráficos de streetwear y carteles

Audaces y divertidos, esta mezcla impacta como cera neón, pegatinas de surf y una banda sonora veraniega llamativa. Estas combinaciones cerúleas funcionan mejor con el gris oscuro como fondo para controlar los colores brillantes. Usa el amarillo para destacados y el rosa para un elemento focal llamativo como el sello del logo. Consejo: prueba con puntos de semitono o contornos gruesos para que los colores enérgicos se vean diseñados, no caóticos.

Ejemplo de imagen de surf retro generado usando media.io

17) Invitación de Boda Suave

HEX: #2A9BCB #BEE9E8 #F6E8EA #FDE2E4 #5E6472

Estado de ánimo: romántico, etéreo, delicado

Ideal para: invitaciones de boda y papelería de eventos

Romántico y etéreo, estos tonos sugieren lavados de acuarela, cintas de seda y un lugar primaveral luminoso. Deja que el rubor y la menta suave creen el ambiente del papel, luego utiliza el azul para monogramas, bordes o pequeños detalles florales. El gris apagado mantiene la tipografía elegante y legible sin contraste fuerte. Consejo: usa el azul solo en líneas finas y encabezados para que la invitación permanezca suave y atemporal.

Ejemplo de imagen de invitación de boda suave generado usando media.io

18) Render Arquitectónico

HEX: #0F4C5C #1B98E0 #E8F1F2 #C5D0D6 #2D3142

Estado de ánimo: estructurado, moderno, profesional

Ideal para: portfolios de arquitectura y estudios de caso

Estructurado y moderno, este conjunto evoca líneas de planos sobre concreto claro bajo luz diurna. Usa los grises claros para un espacio negativo generoso y deja el azul vivo para resaltar datos clave o métricas del proyecto. El gris pizarra funciona bien para títulos, pies de foto y divisores de sección. Consejo: aplica el acento vivo de manera consistente en enlaces y destacados para que el portfolio se lea como un sistema.

Ejemplo de imagen de render arquitectónico generado usando media.io

19) Espresso y Azul Celeste

HEX: #2B1D0E #6F4E37 #007BA7 #E6E1D6 #1F2937

Estado de ánimo: acogedor, sólido, cafetería moderna

Ideal para: packaging de café y branding de cafeterías

Acogedores y sólidos, estos tonos evocan la crema de espresso, madera oscura y un toque de cerámica azul. Esta paleta celeste es más fuerte cuando los marrones cálidos lideran y el azul actúa como acento distintivo. Usa el tono avena suave para etiquetas y menús para que todo sea accesible y legible. Consejo: pon el azul en un elemento repetible, como un sello o franja, para hacer la marca reconocible al instante.

Ejemplo de imagen de espresso y azul celeste generado usando media.io

20) Neon Arcade Blue

HEX: #001845 #007BA7 #00F5FF #F72585 #B5179E

Estado de ánimo: eléctrico, futurista, nocturno

Ideal para: flyers musicales y promociones de gaming

Eléctrico y futurista, esta paleta evoca el resplandor de arcade, luces láser y energía de medianoche. Usa el azul marino profundo como escenario, luego superpone el cian brillante y cerúleo para gradientes luminosos y líneas tipo interfaz. Magenta y violeta son mejores como pequeños acentos de alto impacto para títulos y fechas clave. Consejo: añade mucho espacio oscuro para que los colores neón se mantengan nítidos en vez de abrumadores.

Ejemplo de imagen de neon arcade blue generado usando media.io

¿Qué colores combinan bien con cerulean?

El cerúleo combina naturalmente con neutros limpios como blanco suave, gris frío y carbón, lo que ayuda a que se sienta moderno y legible en la web y UI. Para una apariencia más premium, prueba cerúleo con neutros cálidos como arena, avena, beige o metálicos estilo latón antiguo.

Para contraste, utiliza complementarios y casi complementarios: coral, durazno y naranja cálido crean energía instantánea frente al azul. Si quieres una dirección más brillante y futurista, combina cerúleo con acentos cian neón y pequeñas dosis de magenta o violeta.

Para paletas más naturales, añade verdes de hojas y hierbas (de salvia a lima fresca) y reserva el color más oscuro para texto y contornos para mantener la claridad.

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

Empieza asignando roles: un cerúleo como ancla de marca (navegación, titulares o formas clave), un tono claro para fondos y un neutro oscuro para texto. Así evitas que los diseños “todo azul” se vean planos y mantienes la jerarquía consistente.

En UI, usa cerúleo para acciones primarias y estados interactivos, pero limita los cian tipo neón a un único propósito (pestaña seleccionada, línea de gráfico activo o CTA) para que la atención no se disperse. En impresión, prueba cerúleo en tu papel; los azules más profundos suelen mantener mejor el contraste en papel sin recubrimiento.

Cuando lo combines con acentos cálidos (coral, ámbar, latón), mantén los acentos pequeños y repítelos de manera predecible—insignias, etiquetas, iconos—para que la composición se sienta intencional y no ruidosa.

Crea visuales de paletas cerulean con IA

Si tienes códigos HEX pero necesitas visuales reales (banners hero, carteles, mockups de packaging o pantallas de UI), la IA puede acelerar la conceptualización. Lo clave es describir el diseño, el estilo y dónde debe aparecer cada tono de cerúleo (fondo, botones, contornos, destacados).

Usa una indicación por caso de uso y mantén los roles de color consistentes—especialmente con cian brillante o acentos cálidos—para que el resultado se vea diseñado. Puedes iterar rápidamente cambiando solo el ambiente o el formato (1:1, 16:9, 9:16) mientras mantienes la paleta estable.

Genera imágenes de paletas cerúleas en segundos y luego refina tu dirección favorita en un sistema de marca repetible.

Siguiente: Paleta de color Latón Antiguo