22 Mejores Paletas de Colores Marrón, Verde y Azul con Códigos Hex

Una paleta de colores marrón, verde y azul combina la calidez terrenal (marrón), el equilibrio orgánico (verde) y la claridad serena (azul). Es una mezcla inspirada en la naturaleza que funciona en branding, UI, packaging y decoración de interiores.

A continuación se presentan más de 20 combinaciones seleccionadas de marrón, verde y azul con códigos HEX, además de formas prácticas de equilibrar el contraste y elegir acentos sin enturbiar el diseño.

Por Qué Funcionan Tan Bien las Paletas Marrón Verde Azul

Las paletas marrón, verde y azul resultan automáticamente creíbles porque reflejan lo que vemos al aire libre: tonos madera y tierra, follaje y agua o cielo. Esa familiaridad hace que la combinación sea confiable para marcas y relajante para interfaces.

Además, ofrecen un amplio rango funcional: el marrón puede anclar y aportar calidez, el azul da estructura y jerarquía, y el verde puede indicar estados, categorías o señas de lo “natural”. Con un neutro claro, la paleta sigue siendo legible y no pesada.

Lo más importante es que la mezcla te da contraste y cohesión. Si mantienes la saturación controlada y asignas roles claros (fondo, texto, acento), consigues un look premium y equilibrado en vez de un cliché recargado de aspecto campestre.

Más de 20 Ideas de Paletas de Color Marrón Verde Azul (con Códigos HEX)

1) Cabaña junto al Río

HEX: #4b2e1e #6b8f3a #1f5a7a #e7dcc8 #2b2b2b

Clima: rústico, terrenal, acogedor

Ideal para: panel de inspiración para decoración interior de cabañas

Rústica y terrenal, recuerda a una cabaña junto al río al atardecer, con sombras de pino y una corriente azul calmada. Usa el marrón oscuro en acentos de madera, el verde en textiles y el azul para una pared focal o una obra de arte. El crema evita que la mezcla se sienta pesada y da un aire intencionado. Consejo: repite el azul dos veces en pequeños detalles decorativos para crear ritmo sin saturar el espacio.

Ejemplo de imagen de cabaña junto al río generada con media.io

Media.io

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

Pruébalo Gratis Ahora

2) Pino Costero

HEX: #5a3a24 #2f6b4f #2a6f97 #f3efe6 #0f2430

Clima: fresco, natural, moderno

Ideal para: maqueta UI de landing page para marca de viajes

Fresca y natural, evoca pinos costeros frente a un horizonte azul despejado. El azul oscuro tipo marino es ideal para encabezados y navegación, mientras que el blanco marfil mantiene respirables las secciones. Usa el verde para botones e iconos y reserva el azul brillante para detalles como enlaces o estados activos. Consejo: mantén el texto en el tono oscuro para contraste y usa el color para guiar la navegación.

Ejemplo de imagen de pino costero generada con media.io

3) Mezcla de Musgo y Denim

HEX: #6a4027 #7a9b4a #2d5f86 #d8d2c5 #3a3f44

Clima: casual, terroso, relajado

Ideal para: diseño de lookbook de ropa

Casual y terrosa, recuerda al denim usado, lienzo secado al sol y un toque de musgo de jardín. El azul apagado es gran base para fondos o marcos de fotos sin quitar protagonismo a las imágenes de producto. Usa el verde en pequeños detalles editoriales como etiquetas o íconos, y reserva el marrón para resaltar reglas y pies de foto dándole un aire artesanal y premium.

Ejemplo de imagen de mezcla de musgo y denim generada con media.io

4) Lago Alpino y Madera

HEX: #3f2718 #3f7a4a #1f6d8f #f1e6d2 #1a1f22

Clima: aventurero, fresco, natural

Ideal para: diseño de empaque para equipo outdoor

Fresca y aventurera, evoca senderos alpinos, agua de lago y cuero muy usado. Esta paleta funciona muy bien en empaques resistentes donde quieres aludir a la naturaleza sin exceso de rusticidad. Usa el casi negro para títulos, azul verdoso para distintivos y el verde para información secundaria. Consejo: imprime el marrón con textura mate para un acabado táctil y premium.

Ejemplo de imagen de lago alpino y madera generada con media.io

5) Diario de Campo Vintage

HEX: #7b4a2a #5f7f3a #3c6f8f #efe3cf #2f2a24

Clima: nostálgico, académico, tranquilo

Ideal para: diseño de artículo de revista

Nostálgica y tranquila, recuerda a un diario antiguo lleno de hojas prensadas y bocetos a tinta. El tono papel cálido es fondo ideal para lecturas largas, el marrón oscuro mantiene los titulares con peso y el azul da vida a citas o infografías; usa el verde de forma puntual para navegación entre secciones. Consejo: mantén las imágenes ligeramente desaturadas para cohesión editorial.

Ejemplo de imagen de diario de campo vintage generada con media.io

6) Surf de Cedro y Abeto

HEX: #5c341f #2f7b57 #2b7aa0 #f7f1e3 #163042

Clima: animada, acogedora, limpia

Ideal para: diseño de carta de cafetería

Animada y acogedora, sugiere barras de cedro, hierbas frescas y un toque de agua con gas. Usa el azul profundo en encabezados de secciones para facilitar la lectura, verde en iconos de dietas o productos destacados y marrón en fotografía gastronómica para dar calidez artesana. Consejo: fondo crema suave en vez de blanco para un look más apetitoso.

Ejemplo de imagen de surf de cedro y abeto generada con media.io

7) Arboleda de Puerto Profundo

HEX: #3a2417 #2f5f46 #204f72 #e6dfd3 #0f1113

Clima: seria, estable, confiable

Ideal para: interfaz UI de dashboard fintech

Seria y estable, recuerda un puerto profundo rodeado de acantilados perennes. Los tonos oscuros anclan gráficos y datos, mientras los neutros evitan que la interfaz se vea lúgubre. Usa azul para acciones principales y estados seleccionados, verde para indicadores de éxito y controles secundarios. Consejo: reserva el casi negro para tipografía y separadores, garantizando legibilidad en tamaños pequeños.

Ejemplo de imagen de arboleda de puerto profundo generada con media.io

8) Tinta de Oasis del Desierto

HEX: #8a5a34 #6d8b3d #2f6c8f #f2e2c6 #2c2a28

Clima: cálida, artística, audaz

Ideal para: póster de evento

Cálida y artística, recuerda un oasis donde el agua turquesa corta senderos arenosos. El base crema hace fácil obtener fondos de póster cálidos. Usa azul en el título principal para llamar la atención y verde en detalles como fecha y lugar. Consejo: añade textura granular sutil para unificar colores y evitar que el diseño se vea plano.

Ejemplo de imagen de tinta de oasis del desierto generada con media.io

9) Sendero Lluvioso

HEX: #4f3324 #4b7a5a #2d5e7c #e9e2d8 #4a4f52

Clima: brumoso, pacífico, reflexivo

Ideal para: ilustración botánica en acuarela

Brumoso y tranquilo, se asemeja a un comienzo de sendero lluvioso donde la corteza húmeda y el follaje se difuminan hacia una distancia azul grisácea. El azul frío es ideal para sombras y profundidad, mientras que el verde define las hojas sin volverse neón. Mantén la luz neutra como el tono del papel y utiliza marrón para los tallos o lavados texturizados. Consejo: limítate a dos intensidades de pigmento por color para que la ilustración se vea ligera y cohesionada.

Ejemplo de imagen de inicio de sendero lluvioso generado con media.io

10) Cuero Helecho Azul Verdoso

HEX: #6b3f25 #3b7a4b #1e7b93 #f4e8d8 #1c2b2f

Clima: premium, seguro, aventurero

Ideal para: anuncio de producto de bolso de cuero

Premium y seguro, sugiere artesanía en cuero con un toque fresco verde azulado. El marrón intenso destaca el material, mientras que el turquesa y el verde aportan un aire contemporáneo y outdoor. Usa el blanco roto para espacios negativos y especificaciones del producto para que el anuncio se vea limpio y exclusivo. Consejo: mantén el fondo neutral y permite que un solo elemento azul verdoso fuerte lleve el llamado a la acción.

Ejemplo de imagen de cuero helecho azul verdoso generado con media.io

11) Banco de Trabajo Botánico

HEX: #5a3b2a #3f7d4f #2c6f9a #efe7da #243137

Clima: práctico, calmado, artesanal

Ideal para: interfaz web para estudio/maker

Práctico y calmado, se siente como un banco de trabajo ordenado rodeado de recortes de plantas y frascos etiquetados. Esta paleta marrón-verde-azul es ideal para marcas makers porque equilibra calidez y claridad. Usa el azul para enlaces y estados interactivos, el verde para filtros de categorías, y el marrón en íconos o ilustraciones. Consejo: pon los paneles grandes de contenido sobre el neutro suave para mantener las fotos fieles al color.

Ejemplo de imagen de banco de trabajo botánico generado con media.io

12) Pasto Marino a Medianoche

HEX: #2e1c14 #2a6b5a #163f66 #dcd4c8 #0b0f12

Clima: intenso, elegante, cinematográfico

Ideal para: diseño de portada de álbum

Intenso y cinematográfico, evoca agua de medianoche, siluetas de pasto marino y un toque de madera ahumada. El azul oscuro y casi negro crean drama instantáneo para la tipografía, mientras el verde apagado aporta movimiento orgánico. Usa el neutro claro solo en textos de pistas o un solo emblema para que la portada se mantenga oscura e inmersiva. Consejo: añade un viñeteado suave y controla el contraste para evitar bordes duros.

Ejemplo de imagen de pasto marino a medianoche generado con media.io

13) Arcilla y Algas Marinas

HEX: #8b5e3c #4f7f52 #2f6f88 #f6eddc #3a3a35

Clima: terrenal, artesanal, equilibrado

Ideal para: identidad de estudio de cerámica

Terroso y artesanal, se asemeja a arcilla hecha a mano junto a algas y azules de pozas de marea. El marrón cálido es ideal para logotipos y texturas tipo sello, mientras que el azul mantiene la identidad fresca y costera. Usa el verde como acento en patrones, etiquetas colgantes o plantillas sociales para dar vida sin gritar. Consejo: prueba papel sin recubrimiento para que la paleta luzca suave y táctil en vez de brillante.

Ejemplo de imagen de arcilla y algas generado con media.io

14) Atlas de Jardín

HEX: #6e452b #6a8f45 #2b6a8c #f1eadc #273038

Clima: curado, informativo, natural

Ideal para: presentación de diapositivas infográficas

Curado e informativo, se percibe como un atlas de jardín con etiquetas ordenadas y mapas en acuarela. El azul medio es excelente para gráficos y destacados, mientras que el verde comunica categorías de forma natural. Usa marrón en títulos o líneas clave para anclar y mantener legibilidad sobre el fondo claro. Consejo: mantén los íconos simples y consistentes para que la paleta cuente la historia.

Ejemplo de imagen de atlas de jardín generado con media.io

15) Corteza y Bahía

HEX: #4a2d1c #3c7a55 #2a5d7d #e8e0d3 #1e2428

Clima: constante, clásico, natural

Ideal para: diseño de portada de libro

Constante y clásico, evoca texturas de corteza encontrándose con una bahía protegida. Los tonos más oscuros soportan tipografía de título y contraste fuerte, mientras que el neutro claro impide que la portada se sienta pesada. Usa el verde para un pequeño motivo o resaltar autor, y reserva azul para el bloque visual principal o lavados en ilustraciones. Consejo: elige una tipografía ligeramente condensada para un diseño atemporal, no de moda.

Ejemplo de imagen de corteza y bahía generado con media.io

16) Manta de Picnic Azul

HEX: #7a4b2a #4f8a4f #2f7aa6 #fff3df #2b2d2f

Clima: alegre, amigable, luminoso

Ideal para: póster de festival familiar

Alegre y amigable, se siente como una manta de picnic bajo un cielo azul con verdes frescos alrededor. El azul brillante puede llevar el titular, mientras que el verde respalda subtítulos y elementos de señalización como flechas o mapas. Utiliza marrón como acento para bordes, insignias o líneas de patrocinadores para que el diseño no flote. Consejo: deja mucho espacio crema para mantener un ambiente soleado y al aire libre.

Ejemplo de imagen de manta de picnic azul generado con media.io

17) Pino Tormentoso

HEX: #3b2418 #2f6a4a #2b5873 #e3dccf #15181a

Clima: dramático, refinado, estable

Ideal para: pantallas de bienvenida SaaS

Dramático y refinado, se parece a nubes de tormenta sobre crestas de pino siempre verde. El azul grisáceo es excelente para paneles grandes e ilustraciones, mientras que el verde guía estados de avance sin ser demasiado brillante. El marrón cálido aporta un toque humano en íconos o microdetalles, equilibrando los tonos fríos. Consejo: mantén gradientes mínimos y usa rellenos sólidos para una sensación más premium y estable.

Ejemplo de imagen de pino tormentoso generado con media.io

18) Costa de Cobre

HEX: #9a5b33 #4d7c55 #2b6f93 #f2e7d3 #1e2a2f

Clima: cálido, pulido, costero

Ideal para: empaque y etiqueta de café

Cálido y pulido, evoca reflejos cobrizos en un paseo marítimo con aire de mar al fondo. Estas combinaciones marrón-verde-azul son ideales para etiquetas de café que buscan sentirse artesanales y modernas. Pon el marrón cálido en el logo y detalles de tostado, usa azul para orígenes y medallas de sabor, y deja el verde para sostenibilidad y certificaciones. Consejo: prueba el azul en tamaños pequeños impresos para asegurar legibilidad sobre fondo crema.

Ejemplo de imagen de costa de cobre generado con media.io

19) UI Minimalista Forestal

HEX: #5a341e #3f7a52 #2a6a86 #f5efe4 #202427

Clima: minimalista, calmado, guiado por la naturaleza

Ideal para: kit de UI para app de productividad

Minimalista y calmado, transmite un bosque silente con color suficiente para guiar la vista. Usa el neutro suave para el lienzo, luego selecciona azul para acciones principales y pestañas activas. El verde puede indicar tareas completadas o estado de éxito, mientras que el marrón es ideal para divisores sutiles y trazos de iconos. Consejo: mantén la saturación uniforme entre componentes para una UI cohesiva en espacios claros u oscuros.

Ejemplo de imagen de UI minimalista forestal generado con media.io

20) Póster Impreso de Lago

HEX: #6a3f24 #4d8a5a #2f6f9e #f7ecd9 #2a2d30

Clima: fresco, gráfico, animado

Ideal para: diseño de póster artístico

Fresco y gráfico, parece una escena de lago soleado reducida a formas limpias y bloques audaces. El azul brillante es el área focal, mientras que el verde apoya formas secundarias como árboles o colinas. Utiliza marrón en los contornos o para una línea de título corta para mantener el cartel anclado y finalizado. Consejo: limita el diseño a tres áreas de color grandes y deja que el fondo crema aporte espacio.

Ejemplo de imagen de póster impreso de lago generado con media.io

21) Empaques de Herbario

HEX: #7a4a2b #3e7b4a #2a6286 #f4e8d2 #2c2a26

Clima: limpio, botánico, confiable

Ideal para: set de empaque para cuidado de la piel

Limpio y botánico, transmite la sensación de un cajón de herbario con etiquetas, hojas secas y notas entintadas. El crema suave mantiene el set delicado y apto para la piel, mientras que los tonos profundos aportan credibilidad y contraste. Usa azul para diferenciar tipos de producto y verde para ingredientes o sellos. Consejo: utiliza marrón solo en áreas pequeñas como tapas o sellos de marca para evitar que el empaque se vea pesado.

Ejemplo de imagen de empaques de herbario generado con media.io

22) Kit de Marca de Estudio

HEX: #5b3620 #5a8a55 #2d6c8e #f3eadc #1f262b

Clima: seguro, moderno, versátil

Ideal para: presentación de guía de marca

Seguro y moderno, evoca un escritorio de estudio donde materiales cálidos se combinan con estructura fresca y clara. Una combinación marrón-verde-azul así es versátil para marcas que buscan cercanía y profesionalismo. Usa el gris oscuro para tipografía, mantén el crema como fondo base y reserva azul y verde para sistemas como gráficos, enlaces y destacados. Consejo: documenta claramente los roles de color en la guía para que los equipos sean consistentes web e impreso.

Ejemplo de imagen de kit de marca de estudio generado con media.io

¿Qué Colores Combinan Bien con Marrón Verde Azul?

Los neutros claros son los compañeros más sencillos para marrón-verde-azul —piensa en crema cálida, arena o gris suave— porque mantienen la paleta aireada y la legibilidad del texto. También ayudan a separar los tonos terrosos de los azules fríos para que nada se vuelva turbio.

Para dar un acento extra, prueba tonos cálidos controlados como cobre, terracota o mostaza apagada. Si buscas una dirección más limpia y moderna, añade blanco roto más un casi negro (carbón) para texto y divisores.

Cuando necesites un resaltado suave, el rosa empolvado o coral apagado funcionan sorprendentemente bien sobre tonos teal/forest, mientras no sean saturados y se usen con moderación.

Cómo Usar una Paleta de Marrón Verde Azul en Diseños Reales

Asigna roles antes de diseñar: utiliza un neutro claro para el fondo principal, un tono carbón/negro profundo para texto y elige azul o verde como color primario de acción. Mantén marrón como acento de "material" (bordes, iconos, etiquetas, texturas) para que no abrume los diseños.

Equilibra la temperatura combinando marrón cálido con azul frío en la misma área visual, y usa verde para unirlos. En UI, reserva el verde para estados de éxito y filtros, y utiliza azul para enlaces, enfoque y estados seleccionados para mantener un comportamiento predecible.

Para impresión y branding, evita llevar los tres colores a la saturación máxima. Atenuar ligeramente el verde y el azul suele hacer que el marrón luzca más rico y de mayor calidad.

Crea Visuales de Paleta Marrón Verde Azul con IA

Si vas a presentar un concepto o crear un mood board, los recursos visuales generados por IA te ayudan a probar cómo se comportan tus tonos marrón, verde y azul en escenas reales—empaques, interiores, carteles y marcos de interfaz—antes de comprometerte con la producción.

Comienza con una indicación sencilla que describa el formato del diseño (cartel, sitio web, etiqueta), luego especifica el estilo (rústico, moderno, cinematográfico) y tus colores clave como materiales o acentos. Haz iteraciones cambiando solo una variable a la vez (iluminación, textura o composición) para mantener la coherencia.

Utiliza Media.io para generar ejemplos rápidos y temáticos que puedas compartir con clientes o compañeros de equipo.

Siguiente: Paleta de colores Marrón Silla de Montar