20 combinaciones de amarillo y verde oscuro con paletas y códigos hexadecimales

Amarillo y verde oscuro es un clásico moderno: energía soleada combinada con profundidad fundamentada y natural. Es una de las formas más sencillas de hacer que los diseños se sientan optimistas y confiables a la vez.

A continuación encontrarás ideas seleccionadas de paletas de colores amarillo y verde oscuro con códigos HEX, notas de ambiente y consejos prácticos de combinación para branding, UI e impresión.

Por Qué Funcionan Tan Bien Las Combinaciones de Amarillo y Verde Oscuro

El amarillo aporta visibilidad instantánea y movimiento enérgico, mientras que el verde oscuro añade estabilidad y sofisticación. Juntos, crean una pareja de alto contraste que aún se siente natural—ideal para marcas que buscan proyectar confianza sin ser agresivas.

Debido a que el verde oscuro puede reemplazar al negro para la tipografía y elementos de UI, mantiene los diseños más suaves y premium. El amarillo se convierte entonces en un acento controlado para CTA, destacados y métricas clave que requieren atención inmediata.

Esta combinación también se adapta bien a diferentes medios: luce rica en impresión (el amarillo puede parecerse al oro) y sigue siendo legible en pantalla si mantienes fondos claros y usas el amarillo con moderación.

Más de 20 Ideas de Paletas de Colores Amarillo y Verde Oscuro (con Códigos HEX)

1) Dosel Soleado

HEX: #f2c94c #2f6b3f #0b3d2e #f7f3e8 #8c7a3b

Ambiente: cálido, fundamentado, optimista

Ideal para: branding ecológico y páginas de aterrizaje

La cálida luz solar que se filtra entre las hojas da a este set una calma segura y aventurera. Usa el amarillo brillante para llamadas a la acción, y el verde oscuro para encabezados y navegación para anclar el diseño. El crema suaviza el contraste en secciones amplias, mientras que el marrón oliva es ideal para contornos e íconos. Consejo: reserva el amarillo para una acción principal por pantalla para mantenerlo premium.

Ejemplo de imagen de dosel soleado 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.

Pruébalo Gratis Ahora

2) Arboleda Cítrica

HEX: #ffd84d #3f7f4c #1f3a2a #fff2c6 #c96f2c

Ambiente: brillante, fresco, vivaz

Ideal para: envases para alimentos y anuncios de productos

Energía cítrica jugosa se combina con verdes de jardín nítidos para un look limpio y apetitoso. El amarillo resalta en crema mate, mientras que el verde profundo mantiene etiquetas legibles y elegantes. Agrega el tono ámbar como indicio sutil de sabor en sellos, pegatinas o ingredientes destacados. Consejo: usa principalmente tipografía en verde oscuro y el amarillo como color protagonista en el frente.

Ejemplo de imagen de arboleda cítrica generado con media.io

3) Musgo Mostaza

HEX: #d9a441 #5a7d3b #1e2f22 #e8ddc6 #6b4f2a

Ambiente: rústico, terroso, vintage

Ideal para: decoración hogareña acogedora y textiles

Una combinación de mostaza y musgo que recuerda cerámicas de segunda mano y lino desgastado. Usa crema para la pared o bases, y superpone verdes en grandes bloques para dar profundidad. El marrón es ideal para acentos de madera, marcos o detalles cosidos. Consejo: repite la mostaza en pequeños toques en la habitación para evitar un solo punto focal fuerte.

Ejemplo de imagen de musgo mostaza generado con media.io

4) Helecho Dorado

HEX: #f4d35e #4f8a5b #123524 #f1efe6 #a3b18a

Ambiente: aireado, botánico, calmado

Ideal para: marcas de bienestar y maquetaciones editoriales

Luz dorada suave y verdes helecho crean una sensación aireada y restauradora. Esta paleta de verde oscuro y amarillo funciona especialmente bien con abundante espacio blanco y fotografía sutil. Usa el salvia pálido como fondo secundario para dar profundidad sin oscurecer la página. Consejo: pon el texto principal en el verde más oscuro y reserva el amarillo para citas destacadas o separadores.

Ejemplo de imagen de helecho dorado generado con media.io

5) Pinos Mielados

HEX: #f6c453 #2e5e3a #0f2a1c #fdf7e1 #b86b2c

Ambiente: acogedor, aventurero, confiado

Ideal para: etiquetas y distintivos de café artesanal

Miel dorada y agujas de pino dan a este set una confianza acogedora de fogata. Los verdes oscuros funcionan en tipografía pequeña sobre etiquetas, mientras el amarillo cálido da visibilidad inmediata en estantería. Usa el crema para espacios negativos y el naranja-marrón tostado para notas de tueste o iconos de sabor. Consejo: combina con un titular tipográfico en serif para enfatizar el aire artesanal.

Ejemplo de imagen de pinos mielados generado con media.io

6) Salvia Limón

HEX: #ffe16b #7a9b59 #2c3e2b #f6f0de #8a6f2f

Ambiente: suave, relajado, accesible

Ideal para: temas Shopify y blogs de estilo de vida

Limón suave se encuentra con salvia empolvada en un ambiente relajado y amigable. Mantén el crema como lienzo principal y usa salvia para tarjetas, divisores y fondos sutiles. El verde oscuro es ideal para navegación y texto largo, mientras el dorado-marrón apagado da un acento elegante a los enlaces. Consejo: evita el negro puro y deja que los verdes generen el contraste.

Ejemplo de imagen de salvia limón generado con media.io

7) Bosque Azafrán

HEX: #f1b83a #3a6b45 #102f22 #faf3dd #d66b2d

Ambiente: atrevido, especiado, aventurero

Ideal para: carteles de eventos y gráficos promocionales

Azafrán especiado sobre tonos profundos de bosque transmite energía, como faroles en el bosque. Estas combinaciones de amarillo y verde oscuro brillan en carteles donde se necesita jerarquía clara y lectura rápida. Usa el verde oscuro para tipografía de gran tamaño y deja el azafrán y el naranja para destacados y fechas. Consejo: mantén el fondo claro para que los verdes no opaquen los detalles.

Ejemplo de imagen de bosque azafrán generado con media.io

8) Invernadero Vintage

HEX: #e8c547 #6c8a57 #1b2d1f #f4eedc #9b7b4b

Ambiente: herencia, curado, atemporal

Ideal para: programas de museos y portadas de libros

Como herrajes de latón y casas de cristal sombreado, esta paleta resulta curada y atemporal. El tono crema de papel es perfecto como base para impresión y el verde más oscuro aporta seriedad clásica. Usa el amarillo latón para títulos y encabezados, y el beige como neutro secundario en bordes y reglas. Consejo: elige un solo tipo display y mantén la ornamentación al mínimo para dejar que los colores cuenten la historia.

Ejemplo de imagen de invernadero vintage generado con media.io

9) Linterna de Olivo

HEX: #f9d75c #556b2f #243316 #fff8e6 #c7a15a

Ambiente: cálido, apagado, clásico

Ideal para: menús de restaurante y señalización

La luz tenue de linterna y los verdes oliva crean una atmósfera clásica y acogedora. Usa el verde oscuro para la tipografía de menús para mantener listas largas legibles, y reserva el amarillo para destacados o platos especiales. El crema pálido mantiene todo ligero, y el acento beige funciona para divisores y puntos de precio. Consejo: mantén los grosores de línea delgados para que la paleta resulte elegante y no pesada.

Ejemplo de imagen de linterna oliva generada usando media.io

10) Resplandor del Bosque

HEX: #f3c969 #2f7a4a #0e2b1e #e9e1cf #7d6a3a

Ambiente: atmosférico, moderno, naturaleza predominante

Ideal para: panel de control UI y tarjetas de datos

Una vibra de bosque al anochecer con un toque moderno y limpio, perfecta para interfaces que necesitan calidez sin ruido. Esta paleta de colores verde oscuro y amarillo te da un contraste fuerte para gráficos, distintivos y etiquetas de estado. Usa el beige como fondo principal, luego combina los dos tonos de verde para navegación y encabezados de tarjeta. Consejo: aplica el amarillo solo a métricas clave o alertas para que funcione como un énfasis intencional.

Ejemplo de imagen de resplandor del bosque generada usando media.io

11) Botánico Retro

HEX: #ffcc4d #3f6f4a #1d3b2a #f7e7c4 #d98b3a

Ambiente: divertido, nostálgico, soleado

Ideal para: sets de pegatinas y publicaciones sociales

Energía retro y soleada con un giro botánico, como paquetes de semillas vintage reimaginados. El color neutro crema y durazno mantiene las publicaciones brillantes, mientras los verdes dan estructura a formas y letras. Utiliza el naranja como un acento pequeño para iconos, destellos o etiquetas de edición limitada. Consejo: elige dos colores dominantes por publicación y deja que el resto apoye para un feed coherente.

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

12) Terraza de la Cosecha

HEX: #eecb5f #4a7b43 #152a1e #fff0d8 #a45a2a

Ambiente: acogedor, casero, otoñal

Ideal para: tarjetas de recetas y plantillas de boletines

Como pan caliente en una mesa de terraza, estos tonos se sienten acogedores y caseros. Usa el crema suave como base para tarjetas de recetas, luego incorpora el verde para encabezados y secciones de ingredientes. El marrón tostado ayuda con iconos y separadores, mientras que el amarillo añade énfasis alegre a valoraciones o tamaños de porción. Consejo: mantén las fotos en tonos cálidos para acompañar el ambiente de cosecha.

Ejemplo de imagen de terraza de la cosecha generada usando media.io

13) Sotobosque Tropical

HEX: #ffd24a #2aa06b #0c3b2a #eaf7ee #1f6f5b

Ambiente: exuberante, enérgico, moderno

Ideal para: señalética de spa y orientación

Verdes de sotobosque exuberantes con un amarillo soleado y brillante dan una sensación limpia, moderna y tropical. Estas combinaciones de amarillo y verde oscuro son ideales para señalización donde se requiere escaneo rápido y un ambiente fresco. Utiliza el menta pálido como color principal y asigna el verde oscuro a texto y flechas para claridad. Consejo: limita el amarillo solo a destacados direccionales para que el sistema sea calmo y consistente.

Ejemplo de imagen de sotobosque tropical generada usando media.io

14) Jardín Art Deco

HEX: #f2c14e #2e7d5b #102b24 #f5f1e6 #b08d57

Ambiente: glamuroso, estructurado, sofisticado

Ideal para: invitaciones a cócteles y volantes de gala

Glamour estructurado con profundidad de jardín, como un vestíbulo deco envuelto en follaje. Usa el crema como tono de papel y crea geometría fuerte con el verde más oscuro. El amarillo cálido parece dorado metálico impreso, especialmente junto al acento beige en los bordes. Consejo: mantén las formas simétricas y deja que un titular audaz destaque el diseño.

Ejemplo de imagen de jardín art deco generado usando media.io

15) Herbario Minimalista

HEX: #f7d55a #6b8f3a #263a1d #ffffff #c9c2b0

Ambiente: limpio, minimalista, botánico

Ideal para: etiquetas de cuidado de la piel y listas de ingredientes

Un minimalismo de hoja prensada que se siente limpio y enfocado en los ingredientes. Usa el blanco como campo principal para la etiqueta, luego aplica verde oscuro en la tipografía para mantener la legibilidad incluso en tamaños pequeños. El amarillo es mejor como banda delgada, color de tapa o pequeño sello, mientras que el gris cálido mantiene los diseños ordenados. Consejo: utiliza solo un área de acento por envase para conservar el aspecto limpio de laboratorio.

Ejemplo de imagen de herbario minimalista generado usando media.io

16) Picnic Junto a la Fogata

HEX: #f0b94a #3d7a3d #1c2e1f #f7efe1 #a86a3a

Ambiente: amistoso, rústico, aventurero

Ideal para: carteles de marcas para exteriores

Un ambiente amigable de fogata con contraste práctico y robusto. El amarillo cálido simula la luz de una linterna, mientras los verdes en capas evocan un mapa de senderos y la línea de árboles. Usa el crema para generar espacios negativos y el marrón para insignias, sellos o texto secundario. Consejo: raspa levemente las texturas para transmitir autenticidad de exterior.

Ejemplo de imagen de picnic junto a la fogata generado usando media.io

17) Marca Eco Moderna

HEX: #f6d04d #1f6f3d #0a2b1c #eef2e6 #9aa06d

Ambiente: segura, moderna, sostenible

Ideal para: lineamientos de marca y sistemas de logotipos

Nítidos y seguros, estos tonos evocan sostenibilidad moderna sin caer en clichés. Los verdes profundos crean marcas de logo y textos sólidos, mientras el amarillo da energía en destacados y momentos de marca. Esta paleta de amarillo y verde oscuro funciona también con fotos que muestran madera, piedra o plantas. Consejo: utiliza el oliva apagado para estados secundarios de UI y así evitar el uso excesivo del amarillo más brillante.

Ejemplo de imagen de marca eco moderna generada usando media.io

18) Notas de Prado Primaveral

HEX: #ffe57a #4f9b60 #1b3a2a #fff9ed #b9c8a2

Ambiente: ligero, alegre, natural

Ideal para: impresiones botánicas en acuarela

La luz de pradera y verdes frescos crean una calma fácil y alegre. El crema claro mantiene la apariencia suave, mientras el verde más oscuro aporta definición a tallos y leyendas. Usa el salvia pastel como aguada para dar un efecto aireado y a capas. Consejo: deja que el amarillo aparezca en pequeñas flores para que permanezca delicado y no recargado.

Ejemplo de imagen de notas de prado primaveral generado usando media.io

19) Accento Jungla Profunda

HEX: #f3c74a #2f5d46 #081f17 #e6e0d3 #6f8f7a

Ambiente: dramático, lujoso, misterioso

Ideal para: anuncios de productos premium

Sombras profundas de jungla con un solo acento dorado crean una sensación dramática y lujosa. Usa el verde casi negro para fondos y deja el amarillo como el destacado principal en productos o titulares. El gris-beige suave evita que la composición resulte demasiado pesada, y el verde grisáceo apoya los elementos secundarios. Consejo: amplía el espaciado y usa textos breves para que la paleta transmita calidad premium.

Ejemplo de imagen de accento jungla profunda generado usando media.io

20) Cocina de Cabaña Acogedora

HEX: #f6cf5a #4b6b3c #203020 #fbf4e3 #a0783a

Ambiente: acogedora, práctica, hogareña

Ideal para: marcas de cocina y carteles de recetas

La calidez hogareña de una cabaña con contraste práctico, como utensilios de esmalte sobre gabinetes de madera. Usa el crema como fondo de cartel, luego construye títulos y marcos con verdes para facilitar la lectura. El marrón cálido apoya con iconos y líneas decorativas pequeñas, mientras el amarillo da énfasis amigable a pasos clave o ingredientes. Consejo: mantén la ilustración simple y deja que los colores transmitan el carácter acogedor.

Ejemplo de imagen de cocina de cabaña acogedora generada usando media.io

¿Qué Colores Combinan Bien con Amarillo y Verde Oscuro?

Los neutros cálidos como el crema, blanco roto y beige papel mantienen el contraste legible y ayudan a que el amarillo luzca más refinado. También son la forma más fácil de lograr que el verde oscuro se vea más claro en layouts de UI e impresos.

Acentos terrosos—beige, marrón tostado, terracota y ámbar—se combinan naturalmente con el dúo mostaza/bosque y añaden profundidad sin pelear con la paleta. Para un toque moderno y limpio, introduce gris suave (cálido, no azulado) como neutro de soporte.

Si buscas mayor frescura, prueba mint mate o salvia como secundarios de fondo. Mantén los azules o violetas saturados mínimos, ya que pueden competir con el amarillo y hacer que los verdes pierdan naturalidad.

Cómo Usar Combinaciones de Amarillo y Verde Oscuro en Diseños Reales

Utiliza el verde oscuro como color de “estructura”: navegación, encabezados, marcos y texto principal. Esto crea una base premium que se lee más suave que el negro puro y facilita la accesibilidad.

Deja que el amarillo tenga un solo propósito a la vez: CTA principal, estadística clave, insignia de oferta especial o destacado direccional. Si el amarillo aparece en todas partes, pierde intención; si es escaso, funciona como foco de atención.

Para impresión, el amarillo puede simular calidez metálica (especialmente junto a crema y beige). Para digital, elige un amarillo levemente apagado en áreas grandes y reserva el más brillante para pequeños elementos UI.

Crea Visuales de Paletas Amarillo y Verde Oscuro con IA

¿Quieres ver estas paletas en diseños reales—etiquetas, carteles, paneles, invitaciones o guías de marca? Genera imágenes concepto rápidas y con estilo usando los prompts incluidos bajo cada paleta.

En Media.io puedes iterar rápidamente: mantén el mismo prompt, cambia de paleta y prueba varias composiciones hasta que el contraste y el ambiente sean perfectos para tu marca o proyecto.

Siguiente: Paleta de colores Navajo White