Paletas de colores azul oliva y verde: 20 combinaciones con códigos hexadecimales

Las paletas de azul y verde oliva combinan azules fríos y confiables con verdes oliva terrosos, creando esquemas de color que se sienten modernos, naturales y fáciles de usar.

A continuación se presentan 20 ideas de paletas de color azul y verde oliva seleccionadas con códigos HEX, además de orientación práctica para combinar acentos y utilizar estos tonos en branding, interfaces, interiores e impresión.

Por qué funcionan tan bien las paletas de azul y verde oliva

El azul y el verde oliva se equilibran de forma natural: el azul aporta claridad, calma y estructura mientras el oliva suma calidez, naturalidad y un sutil toque orgánico. Juntos, crean paletas que se ven estables en lugar de solo seguir tendencias.

Puesto que ambas familias pueden ser suavizadas sin verse apagadas, los esquemas de colores azul y verde oliva funcionan tanto en digital como en impresión. También facilitan la jerarquía visual: azul marino profundo para elementos ancla, azules medios y teal para el color funcional de la interfaz, y oliva para énfasis deliberados.

Lo más importante: estas paletas combinan de maravilla con blancos rotos, beiges pergamino y grises suaves, lo que permite que tus diseños se sientan premium y frescos, pero siguen teniendo contraste donde importa.

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

1) Oliva de Puerto

HEX: #0B1F3B #2D5C7A #3E7C76 #6B7D2A #E6DCC8

Estado de ánimo: tranquilo, náutico, terrenal

Ideal para: branding de ropa outdoor

Tranquilos y marineros, estos tonos recuerdan muelles envejecidos, agua profunda y lonas descoloridas por el sol. Usa el azul marino como color base, y deja que el oliva y teal resalten en bloques y etiquetas secundarias. Combina con arena cálida para negativos ventilados y emplea negro mate solo en pequeños textos. Consejo: mantén los logotipos simples y audaces para que el oliva se lea limpio incluso en tamaños pequeños.

Ejemplo de imagen de oliva de puerto generada con media.io

Media.io

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

Pruébalo gratis ahora

2) Denim Musgoso

HEX: #16324F #3A6E8C #7A9AA6 #667A3A #F2EEE6

Estado de ánimo: relajado, casual, tradicional

Ideal para: etiqueta y lookbook de denim

Relajado y desgastado, los azules recuerdan denim suavizado, mientras el oliva evoca chaquetas de campo y correas de lona. Utiliza el azul medio para grandes paneles y el musgo para detalles, insignias y costuras. El blanco roto aporta ligereza, especialmente en márgenes para fotos de producto. Consejo: usa el gris azulado claro para tablas y guías de tallas para mantener el diseño ligero.

Ejemplo de imagen de denim musgoso generado con media.io

3) Atardecer Salvia

HEX: #101A2B #274B63 #4E7A6A #8A9B5A #D7D2C4

Estado de ánimo: silencioso, cinematográfico, refinado

Ideal para: diseño de menú para restaurante

Silenciosa y cinematográfica, la base oscura evoca luz de atardecer con salvia flotando. Usa el azul marino casi negro para encabezados y lograr contraste inmediato; el oliva para divisores de secciones y platos destacados. El gris-beige cálido mantiene el menú legible y agradable. Consejo: imprime en papel sin recubrimiento para que los verdes mantengan su sofisticación y no brillen.

Ejemplo de imagen de atardecer salvia generado con media.io

4) Bosque Lluvioso

HEX: #1B2A41 #365F7D #5D8A7C #556B2F #C9D2D0

Estado de ánimo: fresco, lluvioso, natural

Ideal para: encabezado y iconos de blog ecológico

Fresca y nebulosa, la mezcla evoca lluvia sobre hojas y un cielo frío entre árboles. Usa el azul pizarra para encabezados principales e incorpora teal apagado para iconos y destacados. El oliva es ideal como acento para botones o etiquetas de categorías. Consejo: mantén los fondos en el verde grisáceo suave para lograr un contenido legible y calmado.

Ejemplo de imagen de bosque lluvioso generado con media.io

5) Notas de Campo Vintage

HEX: #0F2A3D #2F6B7B #7C8C6A #6A7B2D #E9E1D2

Estado de ánimo: rústico, nostálgico, aventurero

Ideal para: portada de diario de viaje

Rústicos y nostálgicos, estos tonos evocan bocetos a tinta, mochilas de tela y hojas prensadas en cuadernos. El teal azulado es perfecto para portada, mientras el oliva funciona bien en sellos, líneas y emblemas pequeños. Para combinaciones atemporales agrega crema como sustituto de papel y evita el blanco puro. Consejo: elige el salvia suave como tono medio calmado para mapas y bloques laterales.

Ejemplo de imagen de notas de campo vintage generado con media.io

6) Eucalipto Costero

HEX: #0D2B45 #1F5E7A #4F8B7A #7B8A3A #F3F0E8

Estado de ánimo: limpio, ventilado, moderno-orgánico

Ideal para: página de inicio de spa

Limpia y ventilada, la paleta se siente como aire de mar mezclado con hojas de eucalipto. Usa el azul profundo para navegación y pies de página, luego confía en el teal para grandes secciones calmantes. El oliva brilla como color de llamada a la acción suave cuando se combina con mucho blanco roto. Consejo: mantén el texto de los botones en oscuro y ligeramente más pesados para que los verdes suaves tengan suficiente contraste.

Ejemplo de imagen de eucalipto costero generado con media.io

7) Cubierta de Biblioteca

HEX: #0E1B2A #2A4E6C #6C7F63 #7A8C2E #D9D0C1

Estado de ánimo: académico, cálido, clásico

Ideal para: diseño de cubierta de libro

Académica y cálida, la paleta azul-verde oliva evoca libros antiguos, estanterías tranquilas y un toque de tinta botánica. Una franja de título azul marino oscuro aporta confianza, mientras que el oliva suma acentos elegantes en reglas, insignias o ilustraciones pequeñas. Cuando quieras una paleta literaria, mantén el fondo beige pergamino y evita los gradientes brillantes. Consejo: elige solo un acento por cubierta para que la jerarquía sea clara.

Ejemplo de imagen de cubierta de biblioteca generado con media.io

8) Interfaz Mínima de Enebro

HEX: #142033 #2E5772 #3F7C70 #70812B #EEF0EC

Estado de ánimo: enfocada, tecnológica, discreta

Ideal para: interfaz de tablero analítico

Enfocada y discreta, esta paleta recuerda un panel nocturno con contención natural. Usa el azul casi negro para la barra lateral y superior, mantiene zonas de contenido claras con blanco roto suave. El teal es ideal para gráficos, el oliva para estados de éxito y pestañas activas. Consejo: reserva el oliva para las acciones más importantes y así resalta sin ser estridente.

Ejemplo de interfaz mínima de enebro generado con media.io

9) Póster Tinta Oliva

HEX: #0A2239 #1E5673 #6B7F66 #6F7A24 #F6F2E9

Estado de ánimo: audaz, gráfico, artístico

Ideal para: cartel de concierto

Audaz y gráfico, los azules profundos recuerdan capas de serigrafía, con el oliva como una superposición vibrante. Coloca la tipografía grande en el azul intenso y pon el oliva detrás de detalles clave para destacar al instante. Mantén el fondo cálido y claro para que el contraste se vea nítido desde lejos. Consejo: utiliza solo dos bloques tipo tinta y un contorno de acento para lograr la apariencia auténtica de un cartel.

Ejemplo de imagen de un póster con tinta oliva generado usando media.io

10) Suculenta Tempestuosa

HEX: #11253D #3A6B86 #6E9A8A #7F8B35 #DDE2DD

Estado de ánimo: fresco, botánico, contemporáneo

Ideal para: señalización de tienda de plantas

Fresco y botánico, los colores evocan suculentas tras la tormenta con sombras suaves y húmedas. Usa el azul medio para encabezados y el verde salvia-teal para paneles de apoyo. El oliva es perfecto para etiquetas de precio y destacados porque se ve natural sin parecer pastel. Consejo: mantén la tipografía simple y un poco condensada para combinar con el estilo moderno y de invernadero.

Ejemplo de imagen de suculenta tempestuosa generado usando media.io

11) Cielo del Cañón

HEX: #0C2340 #2F5D7C #5C8B7B #8B8F2A #E8E0D0

Estado de ánimo: aventurero, aire libre, equilibrado

Ideal para: pantallas de onboarding de app de viaje

Aventurero y aire libre, la paleta recuerda acantilados altos bajo un cielo fresco, con verdes abajo. Mantén los fondos de onboarding claros y cálidos, usando los azules profundos para encabezados e indicadores de progreso. El oliva es el resaltado perfecto para los botones principales cuando el resto de la interfaz permanece suave. Consejo: repite el teal en ilustraciones para que las pantallas se vean cohesionadas de paso a paso.

Ejemplo de imagen de cielo del cañón generado usando media.io

12) Plano Botánico

HEX: #0B1D33 #2C5C7E #4D877C #738328 #F1EFE7

Estado de ánimo: artístico, estudio de la naturaleza, sereno

Ideal para: ilustración botánica en acuarela

Artístico y sereno, la mezcla sugiere un estudio botánico pintado sobre un fondo tipo plano arquitectónico. Deja el blanco suave como papel y superpone teal y azul acero como sombras suaves y venas. El oliva funciona hermosamente para tallos y detalles pequeños sin volverse neón. Consejo: mantén los bordes ligeramente texturizados para conservar la sensación pintada a mano.

Ejemplo de imagen de plano botánico generado usando media.io

13) Interior de Cabaña Moderna

HEX: #0F2236 #335E7A #6F8E86 #6A7F2D #E7E1D6

Estado de ánimo: acogedor, moderno-rústico, relajante

Ideal para: concepto de sala de estar

Acogedor y moderno-rústico, estos tonos evocan una cabaña junto al lago con líneas limpias y textiles suaves. Usa el blanco cálido en paredes y lleva los azules a la tapicería, alfombras o muebles integrados para dar profundidad. Oliva es un gran acento para plantas, cojines o muebles pintados. Consejo: repite el azul más profundo en pequeños detalles como marcos para mantener el espacio bien fundamentado.

Ejemplo de imagen de interior de cabaña moderna generado usando media.io

14) Packaging de Cosmética Eco

HEX: #0E2A47 #2C6B86 #5E8F82 #7A8B2B #F5F1E8

Estado de ánimo: fresco, confiable, limpio

Ideal para: envase y caja de cosmética

Fresco y confiable, los colores sugieren agua limpia, botánicos y claridad de laboratorio. Usa el blanco suave como etiqueta principal y base de caja, y aplica teal para bloques de marca y gamas de producto. Las combinaciones azul-oliva que lucen premium usan oliva solo para pequeños sellos, iconos y beneficios clave en vez de fondos completos. Consejo: elige acabado satinado para que el azul oscuro permanezca rico sin brillos.

Ejemplo de imagen de packaging eco de cosmética generado usando media.io

15) Editorial de Museo

HEX: #0D1F2D #2C556E #6A8575 #7E8A2D #E4DED1

Estado de ánimo: curado, intelectual, elegante

Ideal para: diseño de reportaje de revista

Curado y elegante, la paleta remite a un catálogo de exposición con confianza discreta. Usa el tono tinta profundo para encabezados y pies de foto, y pone el texto cuerpo sobre el beige cálido para comodidad. Salvia y azul pizarra pueden enmarcar citas destacadas y barras laterales sin distraer de la fotografía. Consejo: mantén oliva solo como línea delgada o color de icono para preservar la sofisticación editorial.

Ejemplo de imagen de editorial de museo generado usando media.io

16) Menú de Pizarra con Hiedra

HEX: #0B1E2A #284D67 #4D766D #687A2A #D8D6CC

Estado de ánimo: hecho a mano, acogedor, fresco de mercado

Ideal para: cartel de menú de café en pizarra

Hecho a mano y acogedor, estos tonos evocan una pizarra con hiedra bordeando los extremos. Usa el azul más oscuro como color del tablero y el gris claro para tipografía tipo tiza. Oliva y teal funcionan como trazos de acento para especiales, iconos y pequeñas ilustraciones. Consejo: mantén los colores de acento en uno o dos para conservar el toque dibujado a mano y legible.

Ejemplo de imagen de menú de pizarra con hiedra generado usando media.io

17) Invitación Crepúsculo de Verano

HEX: #10253F #3B6E86 #7AA091 #7A862C #F4EFE5

Estado de ánimo: romántico, aireado, botánico

Ideal para: conjunto de invitación de boda

Romántico y ligero, los colores recuerdan la luz del crepúsculo sobre verdes de jardín. Usa el blanco cálido como tono de papel, y pon la tipografía en azul profundo para legibilidad clásica. Agrega teal para monogramas o bordes, y deja oliva en pequeños dibujos botánicos para un acabado refinado. Consejo: la impresión letterpress o el relieve sutil van hermosamente con los verdes apagados.

Ejemplo de imagen de invitación crepúsculo de verano generado usando media.io

18) Insignia Deportiva Retro

HEX: #0A1B33 #2E5F7F #3E7E73 #7F8C28 #EADFCB

Estado de ánimo: energético, vintage, audaz

Ideal para: insignia de equipo y merchandising

Energético y vintage, los tonos recuerdan un pin esmaltado antiguo con sombras ricas y fondo iluminado. Usa la crema para bases de parches y superpone azul marino y azul medio para contornos y profundidad. Oliva da un acento vibrante, pero sigue siendo terroso y clásico. Consejo: simplifica formas y aumenta el grosor de los bordes para que el bordado y la serigrafía resistan bien.

Ejemplo de imagen de insignia deportiva retro generado usando media.io

19) Casa Lago Tranquila

HEX: #0E2238 #2E5B76 #5E8A84 #6D7F2B #EFE8DC

Estado de ánimo: pacífico, vivido, natural

Ideal para: kit de marca para anuncio Airbnb

Pacífico y vivido, los tonos sugieren agua quieta, madera desgastada y luz suave de la mañana. Usa el neutro claro para plantillas y márgenes de fotografía y deja los azules para títulos y etiquetas de sección. Oliva queda bien en insignias como "pet-friendly" o "vista al lago" sin ser demasiado fuerte. Consejo: mantén iconos simples y redondeados para relajar el ambiente.

Ejemplo de imagen de casa lago tranquila generado usando media.io

20) Website de Jardín Urbano

HEX: #0B2036 #2B5E7D #4A8678 #7A8A2A #F2F1EA

Estado de ánimo: fresco, moderno, naturaleza urbana

Ideal para: página de inicio de sitio web de jardín comunitario

Fresco y moderno, estos tonos evocan un jardín citadino entre cemento y cielo. Usa el azul profundo para encabezados y el pie de página, y lleva teal a tarjetas y acentos de ilustración. Cuando una paleta azul-oliva-verde debe sentirse actual, deja el blanco suave dominante y usa oliva solo en acciones principales y estados activos. Consejo: agrega espacio amplio para que los tonos oscuros no hagan la página pesada.

Ejemplo de imagen de website de jardín urbano generado usando media.io

¿Qué colores combinan bien con azul y verde oliva?

Los neutros suaves son la combinación más sencilla: blanco cálido, pergamino, arena y greige ayudan a que las paletas azul-oliva-verde se vean amplias y premium. También previenen que los esquemas se tornen demasiado fríos o pesados.

Para los acentos, elige una dirección: acentos cálidos como terracota, arcilla o latón agregan calidez otoñal, mientras acentos fríos como gris-azulado o aqua apagado lo mantienen costero y moderno. Si necesitas más "pop", usa pequeñas dosis de mostaza o cobre, en vez de tonos neón saturados.

Para tipografía y bordes, el azul navy profundo o azul casi negro luce más coherente que el negro puro, especialmente en UI y layouts editoriales.

Cómo usar una paleta de azul y verde oliva en diseños reales

Comienza con un sistema de roles claro: usa navy más oscuro para encabezados/pie de página o bloques de titular; azules medios/teals para superficies secundarias y visules (gráficos, iconos, paneles); y reserva oliva para acciones o etiquetas clave. Esto mantiene la paleta intencionada, no “rayada” pareja.

En impresión y empaque, elige fondos cálidos como papel (crema, beige, blanco suave), así oliva se ve natural y sofisticado. En interiores, trata el azul como elemento base (muebles, textiles) y lleva oliva como pequeños acentos repetibles (plantas, cojines, color de gabinete).

Cuando importe el contraste (botones, accesibilidad), prueba oliva sobre blanco suave y navy sobre beige; muchos oliva requieren pesos de texto ligeramente más oscuros o tonos más profundos para cumplir con la legibilidad.

Crea visuales de paletas azul y verde oliva con IA

Si tienes códigos HEX pero necesitas mockups reales—carteles, menús, landing pages, packaging o tableros de marca—la generación de imágenes por IA te ayuda a visualizar la paleta rápido antes de producir.

Usa prompts que especifiquen dónde debe aparecer cada color (fondo, tipografía, botones, acentos) e incluye el aspecto ratio preferido para la plataforma en que diseñes. Así obtendrás resultados consistentes y fáciles de iterar.

Genera algunas variaciones (más navy, más blanco suave, o acentos solo oliva) para descubrir rápidamente la mejor jerarquía para tu proyecto.

Siguiente: Paleta de colores otoñales