Ideas de paletas de colores azul, oscuro y rojo: 20 combinaciones y códigos hex

El azul y el rojo oscuro son una combinación clásica de alto contraste que transmite confianza y emoción. Es una opción frecuente para interfaces modernas, marcas premium y diseños impresos llamativos.

A continuación encontrarás 20 ideas seleccionadas de paletas de colores azul y rojo oscuro con códigos HEX, además de consejos prácticos para equilibrar azules fríos con rojos cálidos, logrando que tus diseños se vean intencionados (no pesados).

Por qué funcionan tan bien las paletas de azul y rojo oscuro

El azul aporta estructura, calma y confianza—cualidades útiles para diseño de productos, finanzas y marcas profesionales. El rojo oscuro agrega calidez, pasión y sensación de intensidad premium, dando a los diseños dominados por el azul un gancho emocional más fuerte.

Juntos, crean una tensión equilibrada “frío vs. cálido” que se percibe intencionada en todo, desde sitios web minimalistas hasta pósters dramáticos. El contraste también estructura la jerarquía visual, destacando llamadas a la acción, puntos clave y mensajes importantes.

La clave es la proporción: deja que los azules y los neutros dominen, usando el rojo oscuro como acento focal. Esto mantiene la paleta elegante en lugar de abrumadora.

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

1) Cabernet a Medianoche

HEX: #0B1D39 #143D59 #6D0F1A #B44A52 #F2E9E4

Estado de ánimo: oscuro, elegante, premium

Ideal para: etiquetas de vino, marcas de lujo, empaques sofisticados

Oscuro y aterciopelado, como un lounge a la luz de las velas con madera pulida y una copa de rojo intenso. Los azules profundos generan confianza mientras el rojo cabernet añade calidez indulgente. Usa el marfil como espacio para logos y textos pequeños, reservando el rojo empolvado para resaltar detalles. Consejo: reserva el azul más oscuro para fondos y haz resaltar tipos claros o detalles metálicos.

Ejemplo de imagen de cabernet a medianoche generado con media.io

Media.io

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

Prueba gratis ahora

2) Resplandor del Puerto

HEX: #0D2B45 #2E5EAA #7A0C2E #E0B1B8 #F7F7FF

Estado de ánimo: costero, animado, contemporáneo

Ideal para: carteles de viaje, flyers de eventos, gráficas sociales

Fresco y aventurero, como un puerto al atardecer con las luces de la ciudad iluminando el rojo. El azul brillante mantiene la energía, mientras el burdeos ancla la composición. Combínalo con tipografía sans-serif audaz y mucho espacio en blanco para una impresión moderna. Consejo: usa el tono rubor para paneles secundarios, suavizando el contraste sin perder fuerza.

Ejemplo de imagen de resplandor del puerto generado con media.io

3) Planos Granate

HEX: #0A2342 #2C6E9B #8B1E3F #D6D6D6 #FAFAFA

Estado de ánimo: inteligente, estructurado, seguro

Ideal para: landing pages SaaS, paneles, UI de productos

Limpia y técnica, como un plano cálido por el detalle granate. Estas combinaciones azul rojo oscuro funcionan mejor cuando los neutros dominan las superficies y el rojo se guarda para acciones clave. Combínalo con íconos lineales finos y sombras sutiles para mantener la interfaz clara. Consejo: usa rojo para estados de error, pero cambia confirmaciones a azul brillante para mayor claridad.

Ejemplo de imagen de planos granate generado con media.io

4) Marina Casa de Ópera

HEX: #081A2D #1F4E79 #5B0A1A #C9A1A6 #F5F0EA

Estado de ánimo: dramático, clásico, sofisticado

Ideal para: spreads editoriales, programas teatrales, folletos premium

Dramático y refinado, como asientos de terciopelo frente a una cortina de escenario. El navy y el rojo intenso transmiten atemporalidad, sobre todo con neutros cálidos tipo papel. Combínalo con titulares serif y márgenes generosos para un estilo editorial. Consejo: usa el rosa pálido como fondo para citas resaltadas, agregando suavidad sin perder sofisticación.

Ejemplo de imagen de marina casa de ópera generado con media.io

5) Minimalismo Marea Carmesí

HEX: #102A43 #486581 #9B1B30 #EDEDED #FFFFFF

Estado de ánimo: minimalista, moderno, alto contraste

Ideal para: encabezados web, carteles minimalistas, portfolios

Minimalista y contundente, como una foto de costa nítida con un solo detalle rojo. Los azules grisáceos mantienen la calma y el carmesí aporta jerarquía inmediata. Combínalo con tipografía negra o casi negra y motivos geométricos sencillos para una sensación moderna. Consejo: limita el rojo a menos del 10% del lienzo para preservar el carácter minimalista.

Ejemplo de imagen de minimalismo marea carmesí generado con media.io

6) Puerto Rosa Empolvado

HEX: #122B3E #2A6F97 #6A1B2B #E7C8C8 #F8F4F1

Estado de ánimo: suave, romántico, accesible

Ideal para: branding de estilo de vida, packaging de belleza, sitios boutique

Suave y romántico, como brisa marina mezclada con pétalos de rosa al atardecer. Los azules apagados lo mantienen sereno y los rojos empolvados tienden a lo sutil. Combínalo con neutros cálidos y tipografía delicada para marcas de skincare, velas o boutiques. Consejo: añade textura con degradados sutiles en tonos rubor para evitar un aspecto plano.

Ejemplo de imagen de puerto rosa empolvado generado con media.io

7) Terciopelo del Mercado Nocturno

HEX: #0C1B33 #1B3B6F #7C1020 #D17A86 #F3EEE7

Estado de ánimo: vibrante, cinematográfico, sensual

Ideal para: portadas de álbumes, promociones nocturnas, lookbooks de moda

Cinematográfico y vibrante, como reflejos de neón sobre pavimento mojado y un resplandor rojo aterciopelado. Esta paleta brilla al aumentar el contraste: fondos navy oscuros, bordes azul brillante y puntos focales rojos. Combínalo con degradados brillantes o textura tipo grano para una estética moderna de música o moda. Consejo: usa el rosa de rubor como resaltado para textos secundarios y insignias.

Ejemplo de imagen de terciopelo del mercado nocturno generado con media.io

8) Horizonte Cobalto Merlot

HEX: #061C2E #0B5FA5 #6B0F2A #F0D7D9 #FAF6F2

Estado de ánimo: audaz, expansivo, optimista

Ideal para: secciones hero de sitios, banners, páginas de marketing

Audaz y expansivo, como una línea de horizonte limpia con un sol merlot sumergiéndose en azul. El cobalto se percibe moderno y enérgico, mientras el rojo intenso da un centro de gravedad a la composición. Combínalo con imágenes grandes y formas simples para evitar recargar la paleta. Consejo: usa el blush pálido para fondos de secciones, para que los CTAs en cobalto se mantengan definidos.

Ejemplo de imagen de horizonte cobalto merlot generado con media.io

9) Varsity Vintage

HEX: #0E2A47 #1D4E89 #8A1538 #D8C3A5 #F5F5F5

Estado de ánimo: deportivo, nostálgico, amigable

Ideal para: branding de equipos, merchandising, carteles deportivos

Deportivo y nostálgico, como una chaqueta letterman usada con parches cosidos. Los azules transmiten confianza y energía atlética, el rojo burdeos aporta herencia. Combínalo con tipografía robusta, insignias y fondos de papel texturizado para un estilo clásico varsity. Consejo: utiliza el tono beige como neutral vintage para contornos, rayas y textos secundarios.

Ejemplo de imagen de vintage varsity generado usando media.io

10) Bayas de invierno y Denim

HEX:#0A2540#3E6EA1#8C1D2D#EAD2D6#f7faf

Estado de ánimo:Fresco, acogedor, de temporada

Ideal para:Campañas navideñas, encabezados de correo electrónico, embalaje de temporada

Fresco y acogedor, como capas de mezclilla con bayas de invierno sobre una mesa de nieve pálida. El azul más claro añade elevación, mientras que el rojo bayas mantiene todo cálido y acogedor. Combine con fotografía suave y elementos redondeados de la interfaz de usuario para un marketing estacional amigable. Consejo: Deje que el casi blanco lleve la mayoría de los fondos para que el rojo bayas permanezca rico, no pesado.

Ejemplo de imagen de winter berries & denim generado usando media.io

11) Tablero moderno de Atlas

HEX:#0B2239#2F80ED#7B1121#CBD5E1#F8FAFC

Estado de ánimo:Profesional, basado en datos, claro

Ideal para:Interfaz de usuario de análisis, Aplicaciones fintech, Paneles de administración

Profesional y basado en datos, como una interfaz de mapa limpia con un solo pin rojo. El azul brillante admite estados interactivos, mientras que el rojo profundo se convierte en un fuerte color de alerta o énfasis. Combinar con grises frescos para mantener los gráficos legibles y reducir la fatiga visual. Consejo: use el rojo solo para excepciones y KPI críticos, no para todos los acentos.

Ejemplo de imagen del panel de control atlas moderno generado usando media.io

12) Galería Noir & Carmine

HEX:#07121F#123A63#A11B2E#E6DFD8#FFFFFF

Estado de ánimo:Artístico, de alta gama, dramático

Ideal para:Exposiciones de arte, Invitaciones a galerías, Portafolios

Artístico y dramático, como una tranquila sala de galería con un solo lienzo carmín robando el centro de atención. Una paleta de colores azul rojo oscuro como esta funciona maravillosamente con mucho espacio negativo y tipografía de gran tamaño. Combínalo con texturas de papel mate y arte de línea minimalista para un look curado. Consejo: Mantenga los tonos más profundos para los marcos y encabezados, y deje que el blanco blanco domine la página.

Ejemplo de imagen de galería noir & carmine generado usando media.io

13) Tecnología de Rosewood

HEX:#0E1B2A#2D5B8C#6E1223#F1E4E6#E5E7EB

Estado de ánimo:elegante, cálido, moderno

Ideal para:Introducción de aplicaciones, branding tecnológico, pitch decks

Elegante y cálido, como metal cepillado suavizado por detalles de palisandro. Los azules establecen un tono tecnológico estable, mientras que el rojo oscuro agrega un toque humano y premium. Combínalo con una iconografía limpia y degradados sutiles para un ambiente de startup contemporáneo. Consejo: Utilice la rosa pálida para los paneles de incorporación para mantener las pantallas tranquilas y legibles.

Ejemplo de imagen de rosewood tech generado usando media.io

14) Mezcla clásica de libros

HEX:#0A1E3B#274C77#7D0A1C#C7B299#F6F1EB

Estado de ánimo:Literario, nostálgico, basado en la tierra

Ideal para:Cubiertas de libros, Papelería, branding académico

Literaria y fundada, como viejas pilas de bibliotecas con un marcador rojo oscuro escondido dentro. El azul marino y el bordeaux se sienten tradicionales, mientras que el cálido bronceado lo mantiene accesible. Combínalo con tipo serif, pequeños adornos y grano de papel sutil para un ambiente de impresión clásico. Consejo: Mantenga el rojo para los títulos o un solo emblema para evitar una cubierta pesada.

Ejemplo de imagen de una mezcla clásica de libros generada usando media.io

15) Suite de boda de terciopelo rojo

HEX:#10243E#2E5A88#8A0F2B#EBC7CD#FFF7F2

Estado de ánimo:Romántico, formal, Lujoso

Ideal para:Invitaciones de boda, Guardar las fechas, Tarjetas de RSVP

Romántico y formal, como cinta de terciopelo en papelería nítida. El azul profundo mantiene la suite elegante, y el rojo rico hace un hermoso acento para monogramas y motivos de sello de cera. Combínalo con tonos de papel blanco y flores de líneas finas para mantenerse atemporal. Consejo: Utilice el rubor como capa de respaldo para obtener detalles como horarios y información sobre el alojamiento.

Ejemplo de imagen de red velvet wedding suite generado usando media.io

16) Acento de vida nocturna de neón

HEX:#071A3A#3A86FF#B80D2A#FFB3C1#F8F9FA

Estado de ánimo:eléctrico, juvenil, audaz

Ideal para:Volantes de clubes, promociones musicales, plantillas de historias sociales

Eléctrica y juvenil, como una señalización brillante que atraviesa una manzana oscura de la ciudad. El azul neón impulsa la energía, mientras que el rojo caliente mantiene las llamadas a la acción imposibles de perder. Combinar con tipo condensado y grandes formas geométricas para un look promocional contemporáneo. Consejo: Mantenga el rosa claro como un color brillante o de contorno para evitar bordes duros en los formatos sociales.

Ejemplo de imagen de acento de vida nocturna de neón generado usando media.io

17) Ladrillo marítimo

HEX:#0B2D4D#1E6091#7A1F2B#D9C2B0#F3F4F6

Estado de ánimo:Rústico, confiable, al aire libre

Ideal para:Marca artesanal, bolsas de café, etiquetas de equipos al aire libre

Rústico y confiable, como muelles desgastados y almacenes de ladrillo junto al agua. El azul del océano aporta claridad, y el rojo ladrillo se siente hecho a mano y honesto. Combine con texturas kraft y marcas simples de insignia para productos de pequeños lotes. Consejo: Utilice el bronceado como color base de la etiqueta para que los tonos más oscuros puedan funcionar como sellos y tinta.

Ejemplo de imagen de ladrillo marítimo generado usando media.io

18) Granada del espacio profundo

HEX:#050B14#1B2A4A#8F0D2E#E36A7B#EDEFF2

Estado de ánimo:Misterioso, futurista, intenso

Ideal para:banners de juegos, carteles de ciencia ficción, superposiciones de streaming

Misterioso y futurista, como el espacio profundo iluminado por una lámpara de granada. Estas combinaciones de color azul rojo oscuro son más fuertes cuando te inclinas en fondos oscuros y dejas que los acentos más brillantes hagan la narración de la historia. Combine con el tipo sans nítido, el ruido ligero y los brillos sutiles para un borde moderno de ciencia ficción. Consejo: Mantenga el gris claro para las etiquetas de la interfaz de usuario para que el texto pequeño permanezca legible sobre casi negro.

Ejemplo de imagen de deep space pomegranate generado usando media.io

19) pizarra, vino y crema

HEX:#0F1C2E#3D5A80#6F1026#E0D8D0#FBF7F0

Estado de ánimo:Calma, equilibrado, maduro

Ideal para:branding corporativo, informes, plantillas de presentación

Calma y equilibrada, como piedra de pizarra combinada con un vaso de rojo y una servilleta de lino crema. El azul silenciado mantiene los diseños largos legibles, y el rojo vino agrega un acento digno. Combinar con gráficos simples, espaciación consistente y un fondo crema abundante. Consejo: use el rojo solo para las claves para llevar y los divisores de sección para guiar el deslizamiento.

Ejemplo de imagen de pizarra, vino y crema generado usando media.io

20) Romance tormentoso

HEX:#0A1B2A#234E70#8B0F24#F0C6CC#FDF3F1

Estado de ánimo:Romántico, Tormentoso, soft-glam

Ideal para:Promociones de San Valentín, Anuncios de boutiques, Publicaciones sociales editoriales

Romántico y tormentoso, como azules de nubes de lluvia suavizados por un brillo rojo rubor. La paleta se siente tierna sin volverse azucarada, especialmente cuando los tonos más oscuros enmarcan el diseño. Combínalo con elegantes titulares en serif y suaves degradados en la gama rosa. Consejo: Mantenga el rubor como fondo y use el rojo oscuro para un único elemento focal, como un precio, fecha o marca de logotipo.

Ejemplo de imagen de stormy romance generado usando media.io

¿Qué colores combinan bien con azul y rojo oscuro?

Los neutros son el "tercer color" más fácil de agregar: los marfiles cálidos, las cremas y los grises claros mantienen los esquemas azul y bordeaux legibles y fáciles de imprimir. También evitan que los tonos oscuros se sientan demasiado pesados en la interfaz de usuario y la marca.

Para un aspecto más suave, inclinarse en el rubor, la rosa polvorienta o el malvado silenciado: estos puentan la brecha de temperatura entre el azul frío y el rojo cálido. Para un borde moderno más nítido, agregue un cobalto brillante o un azul eléctrico como un reflejo interactivo.

Los acentos metálicos y terrosos también funcionan bien: oro/bronce para envases premium e invitaciones, o bronce/kraft para marca vintage y artesanal.

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

Comience con los roles: elija uno azul oscuro para las superficies principales (encabezados, navegación, paneles de fondo), uno neutro para el lienzo principal y reserve rojo oscuro para el énfasis (CTA, insignias, números clave, resaltados). Esto mantiene la jerarquía consistente entre las páginas y los activos.

En la interfaz de usuario, trata el rojo oscuro como "significativo": alertas, estados críticos y acciones de alta prioridad. Utilice azules para enlaces, estados de enfoque y elementos interactivos para que la interfaz se sienta confiable y fácil de escanear.

En la impresión y el branding, aumenta la sofisticación con la textura: grano de papel, degradados sutiles o acabados mate. El rojo oscuro puede llevar señales premium, mientras que el azul marino ancla la tipografía y los diseños.

Crea visuales de paletas azul y rojo oscuro con IA

Si desea obtener una vista previa de cómo se ve un esquema de colores azul rojo oscuro en activos reales (carteles, embalajes, tableros de control o plantillas sociales), las maquetas de IA pueden ahorrar horas. Puede generar múltiples direcciones de estilo rápidamente y refinar el ambiente antes de la producción del diseño.

Con la herramienta de conversión de texto a imagen de Media.io, pega un mensaje (como los ejemplos anteriores) y luego repita sobre la composición, la iluminación y el estilo de tipografía. Es una forma fácil de validar el contraste y el estado de ánimo antes de comprometerse con los colores finales.

Cuando encuentre una paleta que le guste, mantenga los códigos hexagonales a mano y reúselos de manera consistente en la web, la impresión y el marketing para construir un sistema de marca reconocible.

Siguiente: Paleta de colores púrpura magenta