Paletas de colores marrón y verde: 20 combinaciones con códigos HEX

Las paletas de colores marrón y verde equilibran la calidez terrosa con la frescura natural, lo que las hace fáciles de confiar y agradables a la vista.

Desde marcas inspiradas en el bosque hasta interiores acogedores y interfaces modernas, estas combinaciones mantienen su versatilidad tanto en diseño impreso como digital.

Por qué funcionan tan bien las paletas marrón-verde

Marrón y verde son colores "del mundo real": madera, tierra, hojas, hierbas, piedra y textiles. Esa asociación natural hace que los diseños se sientan arraigados, tranquilos y creíbles, especialmente para marcas de ecología, bienestar, alimentación y estilo de vida.

Visualmente, el verde suele llevar la estructura (navegación, encabezados, UI principal) mientras que el marrón añade calidez y tacto. Juntos crean contraste sin resultar agresivos, ayudando a que los diseños sean legibles y de aspecto premium.

Como ambas familias incluyen tonos apagados y profundos, puedes ajustar el ambiente de aireado y moderno (salvia + lino) a cinematográfico y dramático (pino + corteza) sin cambiar el tema general.

Más de 20 ideas de paletas de colores marrón-verde (con códigos HEX)

1) Nogal Forestal

HEX: #2F3E2E #556B2F #8A9A5B #7B4B2A #E7DDC8

Ambientación: arraigado y natural

Mejor para: branding y packaging sostenible

Arraigado y natural, evoca pinos sombreados, senderos musgosos y cálidas cáscaras de nogal. Los verdes profundos añaden autoridad, mientras el marrón nuez aporta artesanía y herencia. Utiliza el tono lino como espacio respirable para etiquetas, encabezados y listas de ingredientes. Combina con texturas de papel sin recubrimiento y un solo acento metálico (latón o cobre) para un acabado eco premium.

Ejemplo de imagen de nogal forestal generado con media.io

Media.io

Media.io es un estudio online de IA para crear y editar videos, imágenes y audio en tu navegador.

Pruébalo gratis ahora

2) Terracota Musgosa

HEX: #3C4A3E #6E7F49 #A3B18A #9B5A3C #F2E9DE

Ambientación: cálido y artesanal

Mejor para: menús de café y branding de hostelería

Cálido y artesanal, estos tonos evocan un invernadero iluminado por el sol con macetas de barro y hierbas frescas. La terracota da apetito y cercanía, mientras el musgo y la salvia lo mantienen calmado y orgánico. Utiliza el neutro cremoso para fondos de menús y mejora la legibilidad bajo luz cálida. Consejo: usa encabezados en terracota y reserva el verde más oscuro para precios y llamadas clave a la acción.

Ejemplo de imagen de terracota musgosa generado con media.io

3) Pradera de Cedro

HEX: #2E5339 #4F6F52 #B8C7A3 #8B5E3B #FAF4E8

Ambientación: calmado y hogareño

Mejor para: diseño interior y decorativo acogedor

Calmado y hogareño, recuerda gabinetes de cedro, plantas de interior frondosas y cortinas de lino aireadas. El rango verde pradera funciona perfectamente en paredes o textiles; el marrón cedro fundamenta el espacio con calidez. Mantén el crema claro para techos o molduras para evitar una apariencia pesada. Consejo: repite el verde medio en dos zonas (alfombra + arte) para que el espacio se sienta intencionado.

Ejemplo de imagen de pradera de cedro generado con media.io

4) Oliva Espresso

HEX: #283618 #606C38 #A1A86F #3B2F2F #EDE7D9

Ambientación: audaz y refinado

Mejor para: packaging y anuncios de café premium

Audaz y refinado, se siente como un bar espresso envuelto en hojas de olivo y madera oscura. El marrón casi negro da un contraste lujoso, mientras oliva y caqui lo mantienen accesible. Usa el beige claro para paneles de ingredientes y notas de preparación para que el diseño sea legible. Consejo: reserva el tono más oscuro para áreas pequeñas (logos, sellos) para evitar oscurecer demasiado el diseño.

Ejemplo de imagen de oliva espresso generado con media.io

5) Lino de Salvia

HEX: #4A5D4E #90A183 #C9D2B8 #8C6A4A #FFF7EA

Ambientación: suave y aireado

Mejor para: sitios web y blogs de bienestar

Suave y aireado, recuerda toallas de spa, hierbas al vapor y luz tranquila de la mañana. Salvia y verde pálido crean una base relajante, mientras el marrón cálido evita que la página se sienta fría. Usa el lino blanco como fondo principal para un aspecto editorial limpio. Consejo: pon botones en el salvia profundo y utiliza el marrón solo para pequeños acentos como iconos o divisores.

Ejemplo de imagen de lino de salvia generado con media.io

6) Contraste de corteza de pino

HEX: #1F2D1F #3E5C3B #7C8F6A #5A3E2B #D9D2C3

Ambientación: resistente y seguro

Mejor para: branding de equipo outdoor y páginas de producto

Resistente y seguro, estos tonos evocan agujas de pino sobre corteza texturizada. El verde casi negro funciona bien en encabezados y medallas fuertes y el marrón corteza añade calor sin volver rústico. Usa el neutro piedra pálido para dar respiro a las fotos de producto. Consejo: reserva acentos en el verde medio para que las llamadas a la acción parezcan naturales, no neón.

Ejemplo de imagen de contraste de corteza de pino generado con media.io

7) Estudio de arcilla y helecho

HEX: #314D3C #6B8F71 #BFD8BD #A66A4C #F5EFE6

Ambientación: creativo y artesanal

Mejor para: branding de estudio cerámico y posts sociales

Creativo y artesanal, recuerda un estudio de cerámica con sombras de helecho y arcilla fresca. El marrón arcilla funciona perfectamente para estampas y marcas, mientras los verdes helecho suavizan el look general. Utiliza el neutro pálido para plantillas de posts y que el arte y las fotos sean el foco. Consejo: intenta un logo a dos colores con el verde más oscuro y arcilla para imagen instantánea de artesano.

Ejemplo de imagen de estudio de arcilla y helecho generado con media.io

8) Avocado Cocoa Pop

HEX: #2D3A2E #7A8F2A #C6D77A #6B4A2D #FFF1D6

Ambientación: divertido y fresco

Mejor para: packaging de snacks saludables

Divertido y fresco, evoca rodajas de aguacate y granos de cacao en una cocina luminosa. El verde vibrante aporta energía, mientras el marrón cacao lo hace apetecible y aterrado. Usa el fondo cremoso para que la información nutricional y los iconos destaquen. Consejo: resalta el verde más brillante en un único elemento principal (sello de sabor o franja) para que se vea intencionado y no ruidoso.

Ejemplo de imagen de avocado cocoa pop generado con media.io

9) Minimalismo del Bosque

HEX: #223027 #5C735F #B7C4B0 #7C5C46 #F7F4ED

Ambientación: silencioso y moderno

Mejor para: identidades de marca minimalistas y logotipos

Tranquila y moderna, la combinación sugiere una estética de cabina limpia con maderas apagadas y vegetación suave. El verde oscuro ancla los logotipos, mientras que el marrón cálido añade un toque humano sin sentirse vintage. Utiliza el blanco roto como espacio negativo principal para lograr un aspecto premium y minimalista. Consejo: elige un solo acento (marrón o verde medio) y deja que el resto lo apoye para mantener la identidad nítida.

Ejemplo de imagen de minimalismo boscoso generado con media.io

10) Herboristería Vintage

HEX: #3A4B3F #748C69 #D2C7A8 #8A5A3A #FBF1DF

Ambientación: nostálgico y acogedor

Mejor para: etiquetas de boticario y sets de regalo

Nostálgico y acogedor, evoca viejos cajones de boticario, hierbas secas y etiquetas de papel. Los verdes apagados transmiten confianza, y el marrón cálido aporta ese encanto de etiqueta hecha a mano. Utiliza el beige y crema como colores base de papel para realzar el aire vintage. Consejo: añade ilustraciones de líneas sutiles en el verde más oscuro para lograr un acabado cohesivo y antiguo.

Ejemplo de imagen de herboristería vintage generado con media.io

11) Sendero Lluvioso

HEX: #1E2A24 #4C6A5A #93A89B #6A4E3B #DDE3DD

Ambientación: atmosférico y natural

Mejor para: blogs de viajes y editoriales al aire libre

Atmosférico y natural, se siente como hojas mojadas, coníferas entre niebla y tierra húmeda tras la lluvia. Los verdes fríos crean ambiente y el marrón terroso mantiene la paleta humana y con raíces. Usa el gris verdoso como fondo suave para los artículos y leyendas de fotos. Consejo: mantén los enlaces y CTAs en el verde medio para que destaquen sin romper el tono calmado.

Ejemplo de imagen de sendero lluvioso generado con media.io

12) Enebro del Desierto

HEX: #2C3B33 #6B7D5A #C7C6A2 #9A6B3F #F3E8D7

Ambientación: soleado y sereno

Mejor para: ilustraciones botánicas y arte de la naturaleza

Soleado y sereno, sugiere arbustos de enebro contra senderos arenosos y una luz cálida de cañón. El verde apagado transmite sequedad y elegancia, mientras el marrón ocre aporta calidez desértica. Usa el tono arena claro para fondos de papel y mantener las ilustraciones aireadas. Consejo: perfila las ilustraciones en el verde más oscuro para evitar líneas negras duras y conservar el toque natural.

Ejemplo de imagen de enebro del desierto generado con media.io

13) Cuero Matcha

HEX: #2B3A2B #7E9B5A #D5E2B6 #6C4B36 #F8F2E4

Ambientación: fresco y premium

Mejor para: lookbooks de moda y branding de boutiques

Fresco y premium, estos tonos recuerdan a espuma de matcha combinada con cuero gastado. Los verdes claros iluminan los layouts y el marrón cuero suma una nota lujosa y táctil. Usa el crema como base de página para mantener el lookbook limpio y de alta gama. Consejo: reserva el verde más oscuro para pequeños momentos tipográficos como títulos de sección para conservar la elegancia.

Ejemplo de imagen de cuero matcha generado con media.io

14) Piedra de Jardín

HEX: #2A3F33 #5F7A63 #AAB8A0 #7A5A44 #E8E2D6

Ambientación: equilibrado y atemporal

Mejor para: páginas web y folletos de paisajismo

Equilibrado y atemporal, recuerda a setos recortados, baldosas de piedra y tierra rica. Los verdes transmiten profesionalidad y fiabilidad, mientras el marrón cálido aporta cercanía. Utiliza el tono piedra claro para fondos de folletos y bloques de texto largos. Consejo: agrega líneas finas o divisores de sección en el verde apagado para mantener la estructura sin que el diseño resulte rígido.

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

15) Bosque Otoñal

HEX: #243428 #5C7B4B #B7B57E #8C5A2B #F4E8D8

Ambientación: estacional y acogedor

Mejor para: carteles de eventos otoñales y promociones

Estacional y acogedor, evoca la luz de la tarde en un bosque donde las hojas cambian y el aire se enfría. El marrón cálido recuerda a corteza tostada, y los verdes oliva mantienen el esquema natural en vez de anaranjado en exceso. Usa el crema claro para grandes fondos y que el cartel sea legible a distancia. Consejo: haz el titular en el tono más oscuro y resalta las fechas con el marrón cálido para facilitar la lectura rápida.

Ejemplo de imagen de bosque otoñal generado con media.io

16) Editorial Botánica

HEX: #1F3328 #557A5F #C2D3BE #7D5538 #FFF6E9

Ambientación: elegante y calmado

Mejor para: dobles páginas de revista y diseño editorial

Elegante y calmado, recuerda a bocetos botánicos en tinta sobre papel crema. El verde profundo es ideal para titulares refinados y el marrón añade calidez en citas y leyendas. Usa el crema claro como base tipo impresión y el verde claro como bloques sutiles de sección. Consejo: mantiene las imágenes ligeramente desaturadas para que la tipografía sea la protagonista.

Ejemplo de imagen de editorial botánica generado con media.io

17) Noche de Cabaña Acogedora

HEX: #17231D #3F5A4A #7E8F83 #5B3B2E #D7D0C6

Ambientación: íntimo y atmosférico

Mejor para: portadas de libros y carteles de cine

Íntimo y atmosférico, se siente como una cabaña al anochecer con la estufa de leña encendida. El verde-negruzco crea un tono cinematográfico y el marrón suma un leve toque cálido y narrativo. Usa el gris-beige claro para los títulos y que se lean bien sobre fondos oscuros. Consejo: introduce grano o texturas sutiles para realzar la atmósfera nocturna sin recargar el diseño.

Ejemplo de imagen de noche de cabaña acogedora generado con media.io

18) Señalética de Mercado Fresco

HEX: #24402F #4F7C4A #A8C686 #7A4F2A #FFF3D9

Ambientación: animado y saludable

Mejor para: señalización y etiquetas para mercados de agricultores

Animado y saludable, evoca cajas apiladas de frutas y verduras, verdes frondosos y puestos de madera. El verde brillante transmite energía y frescura, y el marrón cálido suma autenticidad de feria. Usa el amarillo cremoso como fondo y que la señalización tenga alto contraste en exteriores. Consejo: mantén la tipografía audaz y simple y usa verde claro para info secundaria como origen o precio.

Ejemplo de imagen de señalética de mercado fresco generado con media.io

19) Aula Natural Infantil

HEX: #2E3D33 #6A8A5E #CFE3C2 #8B6A4E #FFF6E1

Ambientación: amigable y enraizado

Mejor para: carteles de aula e imprimibles educativos

Amigable y enraizado, evoca rincones educativos temáticos con plantas, papel kraft y rutinas calmadas. Los verdes mantienen los materiales relajantes y el marrón cálido aporta un toque reconfortante de cuento. Usa crema claro para las fichas y mantener alta legibilidad para los niños. Consejo: limita el verde medio para los encabezados y usa el tono oscuro sólo en palabras clave para evitar fatiga visual.

Ejemplo de imagen de aula natural infantil generado con media.io

20) UI Eco Moderna

HEX: #20352A #4E7A5A #A9C7B5 #6E4E3A #F6F1E8

Ambientación: limpio y confiable

Mejor para: paneles fintech enfocados en sostenibilidad

Limpio y confiable, sugiere crecimiento responsable—como un dashboard moderno suavizado con tonos naturales. El verde profundo es perfecto para navegación y gráficas, el marrón cálido aporta un acento distintivo sin ser llamativo. Usa blanco roto como lienzo principal para mantener la información densa pero legible. Consejo: usa el marrón de forma puntual en alertas, destacados o elementos seleccionados para que la interfaz conserve calma y profesionalismo.

Ejemplo de imagen de UI eco moderna generado con media.io

21) Roble y Eucalipto

HEX: #2B3A33 #5E806B #B9D0C3 #7B5A3C #EFE7DB

Ambientación: fresco y natural

Mejor para: invitaciones de boda y papelería

Fresco y natural, evoca ramitas de eucalipto en invitaciones en tonos roble. El verde suave transmite romanticismo sin llegar a pastel y el marrón roble aporta un toque clásico y con peso. Usa el neutro cálido como color papel para un look elevado y táctil. Consejo: imprime el texto en el tono más oscuro y reserva el verde medio para pequeños adornos como monogramas o bordes.

Ejemplo de imagen de roble y eucalipto generado con media.io

¿Qué colores combinan bien con marrón-verde?

Los neutros cálidos (crema, lino, arena, piedra) hacen que las paletas marrón-verde se vean más ligeras y mejoran la legibilidad en UI, menús y layouts extensos. También ayudan a que las fotos de producto se vean más naturales y con menos dominancia de color.

Para acentos, prueba latón/cobre, terracota apagada o mostaza suave para aportar energía sin romper el ambiente orgánico. Si deseas un acabado más moderno y fresco, añade grises verdes brumosos o carbón profundo en lugar de negro puro.

Cuando necesites más contraste, usa tonos pino casi negro o espresso para texto y emblemas pequeños, y limita los verdes brillantes a un solo elemento destacado (CTA, banda de etiqueta o dato clave).

Cómo usar una paleta marrón-verde en diseños reales

En branding, deja que el verde lidere tu sistema principal (logotipo, navegación, base de packaging) y utiliza el marrón como acento táctil en sellos, bordes, iconos o tipografía secundaria. Así la identidad se mantiene natural sin ser demasiado rústica.

En interiores, repite un verde medio en dos superficies (textil + arte o mueble + decoración) y enmarca el espacio con un elemento marrón madera. Un ribete o techo crema claro ayuda a mantener la atmósfera aireada.

Para impresión, elige papel blanco roto y evita verdes de alta saturación; los tonos algo apagados lucen más premium y “artesanales”. Si necesitas metales, el latón combina especialmente bien con nogal y oliva.

Crea visuales de paletas marrón-verde con IA

Si presentas una idea, los mockups y visuales de paleta ayudan a los interesados a “ver” el ambiente de inmediato—especialmente para packaging, menús, carteles y pantallas UI.

Con el generador de texto a imagen de Media.io, puedes crear ejemplos alineados (etiquetas, paneles, invitaciones, carteles) usando prompts como los anteriores y luego iterar rápido cambiando materiales, luz y layout.

Elige una de estas paletas marrón-verde, elige un caso de uso y genera algunas variantes para encontrar el contraste y jerarquía más naturales.

Siguiente: Paleta de color rojo