25 paletas modernas en tonos rojos y azules con códigos hexadecimales

El rojo y el azul son una de las combinaciones más fiables en el diseño moderno: lo suficientemente audaz como para captar la atención, pero lo bastante estructurada como para transmitir confianza.

A continuación encontrarás ideas de paletas de colores rojo y azul con códigos HEX para interfaces, branding, carteles y más—incluyendo consejos prácticos para el contraste, acentos y tipografía legible.

Por qué funcionan tan bien las paletas rojo y azul

El rojo y el azul crean de forma natural una fuerte jerarquía visual: el azul suele sentirse estable y “estructural”, mientras que el rojo llama la atención y está enfocado en la acción. Juntos, facilitan guiar a los usuarios desde el diseño hasta el titular y la llamada a la acción.

Como esquema de color, el dúo abarca además la temperatura y la emoción. El azul relaja y calma, mientras que el rojo energiza—de modo que puedes modular el ánimo de profesional a lúdico ajustando la saturación, la oscuridad y el espacio neutro que dejas.

Desde el punto de vista de la accesibilidad, muchas combinaciones de rojo y azul pueden alcanzar un alto contraste—especialmente si se acompañan de casi negros, blancos rotos y grises. Eso hace que los tonos rojo y azul sean prácticos para interfaces, señalización y tipografía de carteles si se usan con propósito.

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

1) Crimson Navy

HEX: #C1121F #003049 #2B2D42 #EDF2F4 #8D99AE

Ambiente: audaz, clásico, seguro

Ideal para: branding corporativo y cabeceras de sitios web

Audaz y clásico como un blazer a medida contra el cielo nocturno, estos tonos transmiten confianza y autoridad. Usa el azul marino profundo para fondos y el rojo oscuro para llamadas a la acción, manteniendo el contraste nítido. Combina con grises fríos y mucho espacio en blanco para que luzca premium en lugar de estridente. Consejo: reserva el rojo más brillante para una sola acción por pantalla y así evitar la fatiga visual.

Ejemplo de imagen de crimson navy 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 directamente en tu navegador.

Pruébalo gratis ahora

2) Cherry Ice

HEX: #E11D48 #1D4ED8 #93C5FD #FCE7F3 #0F172A

Ambiente: fresco, divertido, alto contraste

Ideal para: plantillas para redes sociales y miniaturas de creadores

Fresco y divertido como un sorbete de cereza sobre hielo picado, esta combinación destaca sin volverse neón. Deja que el azul brillante rellene las formas grandes y utiliza el rojo cereza para insignias, precios o palabras clave. El rosa suave y el azul claro funcionan como fondos seguros que mantienen la temática. Consejo: añade un contorno oscuro fino para el texto sobre tonos pastel y así mejorar la legibilidad.

Ejemplo de imagen de cherry ice generado con media.io

3) Retro Athletics

HEX: #D90429 #2B2D42 #4361EE #F7F7FF #FFB703

Ambiente: enérgico, deportivo, vintage

Ideal para: carteles deportivos y gráficos de merchandising de equipos

Enérgicos y deportivos, con un aire de marcador antiguo, los colores están listos para el saque inicial. Usa el carbón oscuro para los textos grandes y mantén el rojo y el azul real como bloques de acento competidores para mayor impacto. El amarillo cálido funciona mejor como un pequeño destaque en números, iconos o detalles de costuras. Consejo: evita los degradados y apuesta por bordes definidos para no perder el toque retro deportivo.

Ejemplo de imagen de retro athletics generado con media.io

4) Harbor Lights

HEX: #EF233C #001F54 #034078 #A9D6E5 #F8F9FA

Ambiente: náutico, nítido, moderno

Ideal para: páginas de aterrizaje de viajes y branding hotelero

Nítida y náutica como luces de puerto reflejadas en aguas oscuras, esta combinación resulta limpia y moderna. Usa los azules profundos para secciones amplias y navegación, y resalta en rojo como acento pequeño y seguro en botones de reserva. El aqua claro aporta aire a las imágenes y mantiene la página con un toque costero y ligero. Consejo: escoge un azul como fondo principal y reserva el otro para estados hover o paneles secundarios.

Ejemplo de imagen de harbor lights generado con media.io

5) Velvet Flag

HEX: #B80C09 #0B1320 #1C77C3 #E5E5E5 #7D8597

Ambiente: dramático, refinado, intenso

Ideal para: maquetaciones editoriales y portadas de libros

Dramático y refinado como cortinas de terciopelo bajo la luz de un escenario, estos tonos suman teatralidad sin perder legibilidad. Ancla el diseño con casi negro y usa azul para elementos estructurados como reglas, pies y citas destacadas. El rojo funciona ideal en títulos o detalles únicos de ilustración. Consejo: utiliza gris claro en el texto principal en vez de blanco puro para reducir el deslumbramiento en lecturas largas.

Ejemplo de imagen de velvet flag generado con media.io

6) Winter Sunrise

HEX: #F94144 #277DA1 #1D3557 #F1FAEE #A8DADC

Ambiente: optimista, aireado, calmante

Ideal para: aplicaciones de bienestar y pantallas de onboarding

Optimista y aireada como un amanecer invernal sobre un lago helado, la mezcla transmite calma y motivación. Usa los azules fríos para fondos principales y el rojo cálido para estados de progreso, confirmaciones o pequeñas insignias. El aqua mentolado y el blanco roto ayudan a que las pantallas de inicio se vean amables y espaciosas. Consejo: para accesibilidad, pon textos en rojo solo sobre el blanco roto y nunca sobre el aqua.

Ejemplo de imagen de winter sunrise generado con media.io

7) Neon Arcade

HEX: #FF0054 #00A6FB #001845 #F7F7FF #FFD60A

Ambiente: eléctrico, juvenil, alta energía

Ideal para: flyers de eventos y carteles de música

Eléctrico y juvenil como un letrero de recreativos que parpadea a medianoche, los colores capturan la atención al instante. Deja que el azul brillante tome las formas de fondo mayores y usa rojo intenso para el titular o la fecha. Un pequeño golpe de amarillo suma ese brillo de ticket cuando lo usas en iconos o divisores. Consejo: mantén los bloques de texto sobre azul marino oscuro para que los tonos brillantes conserven su fuerza sin vibrar demasiado.

Ejemplo de imagen de neon arcade generado con media.io

8) Rose Denim

HEX: #E63946 #457B9D #1D3557 #F1FAEE #FFC6D9

Ambiente: suave, elegante, accesible

Ideal para: lookbooks de moda y blogs de estilo de vida

Suave y elegante como una bufanda rosa junto a un denim gastado, este conjunto se siente accesible y moderno. Usa el azul denim para navegación y barras laterales, y deja que los acentos rojos en los titulares dirijan la mirada entre secciones. El tinte rosado va genial tras cuadrículas de productos o tarjetas de cita, sin opacar la fotografía. Consejo: mantén la saturación de las imágenes en un nivel medio para que la paleta siga siendo la protagonista.

Ejemplo de imagen de rose denim generado con media.io

9) Bahía Marinara

HEX: #D62828 #003049 #1D6A96 #F77F00 #FCBF49

Ambiente: cálido, apetitoso, animado

Ideal para: envases de alimentos y menús de restaurantes

Cálido y apetitoso como la salsa marinara burbujeando junto a una brisa marina fresca, los colores se sienten vivos y atrevidos. Usa azul marino y azul océano para la estructura en los menús, mientras que el rojo resalta los platos destacados y los precios. Los naranjas pueden actuar como acentos secundarios para niveles de picante, llamados de atención o pestañas de categorías. Consejo de uso: las pruebas de impresión son importantes aquí, así que ajusta el rojo un poco más oscuro si se corre en papel sin recubrimiento.

Ejemplo de imagen de bahía marinara generado usando media.io

10) Rocket Pop

HEX: #FF3B30 #007AFF #0A0F2C #FFFFFF #C7C7CC

Ambiente: limpio, llamativo, tecnológico

Ideal para: conjuntos de íconos para aplicaciones y componentes de UI

Limpio y llamativo como un Rocket Pop en el calor del verano, esta combinación es nítida y fácil de leer. El azul brillante y el rojo conforman una pareja confiable de colores para estados como primario, destructivo y destacado. Mantén el azul marino oscuro para el texto y usa el gris como color de separación tranquilo entre componentes. Consejo de uso: mantén radios de esquina consistentes para que los colores fuertes se vean cohesivos en vez de caóticos.

Ejemplo de imagen de rocket pop generado usando media.io

11) Canyon Dusk

HEX: #C81D25 #233D4D #5DA9E9 #EAE2B7 #0B090A

Ambiente: firme, cinematográfico, natural

Ideal para: identidades de marca de aventura y anuncios exteriores

Firme y cinematográfico como las sombras del cañón al atardecer, la paleta se siente robusta pero refinada. Usa la pizarra oscura y negro para logotipos y textos, luego añade azul claro para resaltar áreas como el cielo y formas secundarias. El beige arenoso funciona como un fondo natural que evita que el rojo sea demasiado intenso. Consejo de uso: combínalo con papel texturizado o superposiciones de grano para un acabado más natural.

Ejemplo de imagen de canyon dusk generado usando media.io

12) Contraste de Estudio

HEX: #E10600 #0057B8 #111827 #F9FAFB #6B7280

Ambiente: agudo, moderno, profesional

Ideal para: páginas de productos y sitios web SaaS

Agudo y moderno como una toma de producto con iluminación de estudio, el contraste se siente profesional y controlado. Usa el azul como color principal de acción y el rojo para alertas, etiquetas de tiempo limitado o un solo detalle destacado. El carbón, blanco y gris medio crean un sistema tipográfico fuerte para páginas extensas. Consejo de uso: evita usar ambos colores brillantes en la misma fila de botones para evitar llamadas a la acción que compitan.

Ejemplo de imagen de contraste de estudio generado usando media.io

13) Marea Botánica

HEX: #E63946 #1E6091 #184E77 #D8F3DC #2D6A4F

Ambiente: fresco, botánico, equilibrado

Ideal para: ilustraciones en acuarela y campañas de primavera

Fresco y botánico como hojas tras la lluvia con un toque de flor silvestre, los tonos se sienten equilibrados y alentadores. Usa los verdes y el menta pálido para áreas grandes, luego agrega azul para profundidad de sombra y estructura. El rojo funciona mejor como pequeño toque floral para mantener la composición natural. Consejo de uso: en estilos acuarela, deja el menta como valor más claro para que los detalles sean legibles.

Ejemplo de imagen de marea botánica generado usando media.io

14) Casa de la Ópera

HEX: #B5172E #14213D #3A86FF #F1F1F1 #C0C0C0

Ambiente: dramático, elegante, teatral

Ideal para: carteles de teatro y branding de eventos culturales

Dramático y elegante como un foco sobre la cortina de terciopelo, estos colores se sienten listos para el estreno. Usa azul marino oscuro para el fondo del póster, luego añade azul brillante para bloques de información secundaria. Un titular rojo restringido añade intensidad sin sobrecargar la tipografía. Consejo de uso: pon mayor espaciado entre letras en textos claros sobre fondo marino para mantenerlo aireado y sofisticado.

Ejemplo de imagen de casa de la ópera generado usando media.io

15) Sistema de Señal

HEX: #DC2626 #2563EB #0F172A #E5E7EB #22C55E

Ambiente: claro, funcional, sistemático

Ideal para: sistemas de diseño y UI con accesibilidad como prioridad

Claro y funcional como un panel de control bien etiquetado, la paleta se distingue al instante. Como esquema rojo azul, soporta semánticas fuertes: azul para acciones primarias, rojo para estados destructivos y verde para éxito. Mantén el casi negro para textos y gris claro para superficies para mantener los componentes diferenciados. Consejo de uso: prueba el contraste para daltónicos usando formas de iconos y color, no solo color.

Ejemplo de imagen de sistema de señal generado usando media.io

16) Picnic Náutico

HEX: #F03E3E #1971C2 #0B1F3A #FFF5F5 #FFE066

Ambiente: alegre, veraniego, amigable

Ideal para: invitaciones a fiestas y flyers de picnic

Alegre y veraniego como una manta de picnic junto a la costa, los tonos se sienten amigables e invitadores. Usa azul para la tipografía principal y estructura de diseño, luego añade rojo para destacar el nombre de evento o RSVP. Un rosa cremoso y amarillo soleado mantienen el diseño ligero y apto para niños sin llegar a pastel. Consejo de uso: en invitaciones impresas, usa el amarillo solo como acento pequeño para mantenerlo legible en la mayoría de los papeles.

Ejemplo de imagen de picnic náutico generado usando media.io

17) Turno Nocturno

HEX: #FF2D55 #0A84FF #1C1C1E #2C2C2E #F2F2F7

Ambiente: elegante, nocturno, alto contraste

Ideal para: paneles de control en modo oscuro y UI de análisis

Elegante y nocturno como las luces de la ciudad en turno nocturno, este conjunto está diseñado para la claridad en modo oscuro. Usa los dos grises oscuros como bases, luego escoge azul o rojo como acento principal según la narrativa de los datos. El casi blanco debe reservarse para números clave y etiquetas para que el panel respire. Consejo de uso: limita los gráficos a dos colores de acento para evitar ruido visual en pantallas densas de análisis.

Ejemplo de imagen de turno nocturno generado usando media.io

18) Plano Coral

HEX: #FF4D6D #2F5DFF #0B2545 #F8F9FA #48CAE4

Ambiente: creativo, limpio, enérgico

Ideal para: branding de startups y presentaciones de pitches

Creativo y limpio como tinta coral sobre papel de planos, la paleta se siente enérgica pero organizada. Estas combinaciones rojo azul funcionan especialmente bien en presentaciones en las que necesitas una jerarquía clara: azul para estructura y coral rojo para conclusiones clave. Usa aqua con moderación en diagramas o acentos secundarios para que las diapositivas no se vean saturadas. Consejo de uso: mantén los gráficos consistentes asignando un color de acento por métrica en toda la presentación.

Ejemplo de imagen de plano coral generado usando media.io

19) Cereza Glaciar

HEX: #C81E1E #1E3A8A #60A5FA #F3F4F6 #111827

Ambiente: frío, nítido, seguro

Ideal para: anuncios de productos tecnológicos y banners web

Frío y nítido como el aire glaciar con un toque de cereza, el contraste se siente seguro y moderno. Usa azul medio para formas grandes y deja azul claro para resaltes alrededor de productos. El rojo funciona mejor como una ráfaga puntual para precio, etiquetas de características o un solo icono. Consejo de uso: añade sombras sutiles en gris oscuro para separar elementos sin dejar de sentir el diseño limpio.

Ejemplo de imagen de cereza glaciar generado usando media.io

20) Patriota Minimalista

HEX: #D00000 #003566 #001D3D #EDEDED #FFFFFF

Ambiente: minimalista, fuerte, atemporal

Ideal para: campañas sin fines de lucro y anuncios cívicos

Minimalista y fuerte como una pancarta nítida en un día soleado, estos colores se sienten atemporales y directos. Mantén los azules profundos como base para encabezados y barras, luego usa rojo solo para llamadas urgentes a la acción o solicitudes de donación. Mucho espacio blanco hace que el mensaje se perciba fiable y fácil de leer. Consejo de uso: si necesitas un contraste más suave, reemplaza fondos blancos puros por gris claro y mantén pesos tipográficos consistentes.

Ejemplo de imagen de patriota minimalista generado usando media.io

21) Insignia de Festival

HEX: #E01E37 #1F7A8C #022B3A #E1E5F2 #FF9F1C

Ambiente: festivo, artesanal, animado

Ideal para: insignias de eventos y packs de pegatinas

Festivo y artesanal como pins de esmalte en chaqueta vaquera, la paleta se siente animada y coleccionable. El azul teal aporta un giro fresco que evita que los rojos sean demasiado clásicos. Usa naranja como pequeño toque en estrellas, bordes o etiquetas de edición limitada. Consejo de uso: mantén contornos de insignia en azul marino profundo para que las formas sean legibles sobre papel adhesivo claro.

Ejemplo de imagen de insignia de festival generado usando media.io

22) Costa Cerámica

HEX: #D7263D #1B3A57 #4EA8DE #F4F1DE #9A8C98

Ambiente: artístico, costero, suavemente moderno

Ideal para: branding de decoración para el hogar y empaques de productos

Artístico y costero como cerámicas esmaltadas sobre estante soleado, los tonos se sienten suavemente modernos. Usa crema como base para embalajes, luego equilibra tipografía en azul marino oscuro con elementos de patrón azul claro. Un toque controlado de rojo hace que logotipos y sellos se perciban artesanales y no corporativos. Consejo de uso: limita los patrones a una escala para que el acento rojo no se pierda entre motivos recargados.

Ejemplo de imagen de costa cerámica generado usando media.io

23) Código y Cereza

HEX: #F43F5E #2563EB #111827 #F3F4F6 #A1A1AA

Ambiente:tecnológico, amigable, enérgico

Ideal para:herramientas de desarrollo UI y sitios de documentación

Tecnológico y amigable como el código limpio con un toque de cereza, este conjunto se siente enérgico sin ser ruidoso. Usa azul para enlaces y botones primarios, luego incorpora rojo para notificaciones y estados críticos. Los grises crean una superficie de lectura tranquila para documentos largos y tablas. Consejo de uso: mantén los bloques de código en línea sobre gris claro con texto oscuro para que los acentos sigan siendo significativos.

Ejemplo de imagen de código y cereza generada usando media.io

24) Cartel de Exhibición Aérea

HEX:#D00000 #1D4ED8 #0A122A #F8FAFC #94A3B8

Ambiente:dinámico, audaz, tema del cielo

Ideal para:carteles de aviación y banners promocionales

Dinámico y audaz como los jets cruzando un cielo despejado, la paleta se siente rápida y decidida. Usa el fondo claro para dar espacio, luego aplica azul marino para la tipografía fuerte y azul para líneas o formas de movimiento. Un solo acento rojo resalta detalles clave, especialmente fechas e información de entradas. Consejo de uso: limita la paleta a dos colores dominantes por diseño para que la tipografía mantenga el control.

Ejemplo de imagen de cartel de exhibición aérea generado usando media.io

25) Linterna de Biblioteca

HEX:#B91C1C #1E40AF #0F172A #FAFAF9 #D6D3D1

Ambiente:académico, cálido, confiable

Ideal para:identidad educativa y páginas de cursos

Académico y cálido como el brillo de una linterna en una biblioteca silenciosa, estos tonos se sienten confiables y enfocados. Usa azul marino para encabezados y navegación para crear una estructura estable, y añade rojo para resaltar botones de inscripción o fechas importantes. Blanco suave y gris piedra mantienen la lectura cómoda en páginas largas. Consejo de uso: utiliza el rojo de acento solo para una acción a la vez para evitar mensajes confusos.

Ejemplo de imagen de linterna de biblioteca generada usando media.io

¿Qué colores combinan bien con rojo y azul?

Los neutros combinan más fácilmente con tonos rojos y azules: blancos puros, blancos suaves y grises frescos ayudan a reducir el ruido visual y mantener la paleta legible. Para diseños oscuros, casi negro y carbón ayudan a que los acentos rojo/azul se sientan intencionados en vez de duros.

Acentos cálidos como amarillo, naranja o coral pueden agregar “chispa” y ayudar a separar capas de información—especialmente en carteles, menús y distintivos destacados. Mantén los acentos cálidos pequeños para que no compitan con tu paleta principal de rojo y azul.

Los verdes (especialmente turquesa, menta y bosque) funcionan bien cuando se busca una apariencia fresca y equilibrada o cuando se necesitan colores de estado para UI (éxito vs. destructivo). Usa el verde como apoyo y apóyate también en formas/iconos, no solo en el color.

Cómo usar una paleta de color rojo y azul en diseños reales

Empieza por los roles, no solo por los tonos: elige un azul para superficies primarias/enlaces, un rojo para momentos clave de atención (CTA, oferta, alerta), y construye el resto con neutros para espaciado y tipografía. Así tu esquema rojo azul será escalable en todas las pantallas.

Controla la intensidad limitando el “brillo sobre brillo”. Si tanto el rojo como el azul son saturados, colócalos sobre bloques oscuros/neutros o sepáralos con espacios en blanco para que no vibren visualmente—especialmente en móviles.

Para lograr una buena legibilidad, mantén el texto principal sobre fondos blanco suave o gris claro y reserva rojo/azul saturados para encabezados, etiquetas y botones. Revisa siempre el contraste para textos pequeños e iconos UI delgados.

Crea visuales de paletas rojo y azul con IA

Si ya tienes códigos HEX que te gustan, la forma más rápida de validar el aspecto es generar maquetas realistas—carteles, pantallas UI, empaques y plantillas sociales—antes de pasar a producción.

Con Media.io, puedes convertir un prompt corto en imágenes alineadas con tu marca e iterar rápidamente ajustando palabras clave de estilo (mínimo, vintage, editorial, neón) mientras mantienes la base rojo y azul.

Prueba generar varias variaciones por paleta (modo claro, modo oscuro, alto contraste) para encontrar la composición más legible para tu audiencia y plataforma.

Siguiente: Paleta de Colores Isla