20 mejores combinaciones de amarillo y verde con códigos hexadecimales

El verde amarillento se sitúa justo entre la luz del sol y el follaje, por lo que naturalmente comunica frescura, crecimiento y energía. Ya sea que estés diseñando una marca, una interfaz de usuario o un packaging, este rango de tonos puede sentirse suave y orgánico o audaz y tecnológico, según el contraste.

A continuación encontrarás 20 ideas de paletas de color verde amarillo con códigos HEX, además de orientación práctica sobre cómo combinarlas y utilizarlas en sistemas de diseño reales.

Por Qué Funcionan Tan Bien las Paletas Verde Amarillo

Las paletas verde amarillas se sienten instantáneamente “vivas” porque combinan el optimismo del amarillo con la estabilidad del verde. Ese equilibrio las hace flexibles: pueden verse lúdicas y juveniles, o tranquilas y ecológicas.

También funcionan bien en el diseño digital moderno porque destacan en feeds e interfaces saturados. Un solo acento chartreuse o de lima puede guiar la atención hacia CTAs, estados activos y destacados, sin requerir cambios estructurales importantes.

En impresión y packaging, el verde amarillento puede señalar frescura (alimentos, té, bienestar) y aún así ofrecer profundidad para un aire premium cuando se combina con crema, carbón o metales apagados.

20+ Ideas de Paletas de Color Verde Amarillo (con Códigos HEX)

1) Prado Cítrico

HEX: #F6E85A #CFE84A #6FBF4B #2F6B3E #FFF7D6

Estado de ánimo: soleado, natural, animado

Ideal para: moodboards de identidad de marca y branding de bienestar

Soleados y frescos como un prado, estos tonos se sienten como ralladura de cítricos sobre hierba primaveral suave. Usa el crema pálido para crear espacio visual y permite que los verdes lima y hoja lleven los títulos y formas principales. Combínalos con neutros cálidos o un toque de arcilla apagada para mantener el diseño equilibrado. Consejo: reserva el amarillo más brillante para destacados e íconos, así el diseño permanece legible.

Ejemplo de imagen de prado cítrico generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Minimal Chartreuse

HEX: #D9FF57 #B9E64A #6A8F2A #1F2A24 #F4F5F7

Estado de ánimo: limpio, moderno, seguro

Ideal para: UI de sitio web minimalista y páginas de inicio

Puras y modernas, esta combinación se siente como tinta de resaltador fresca sobre un escritorio ordenado. Para un esquema de color verde amarillento refinado, usa el carbón para la tipografía y haz dominante el blanco roto. Los verdes intermedios funcionan bien para botones, interruptores y estados activos sin llamar demasiado la atención. Consejo: prueba el contraste temprano y aumenta el grosor del texto si el chartreuse queda detrás de etiquetas pequeñas.

Ejemplo de imagen minimal chartreuse generado con media.io

3) Lino Aguacate

HEX: #D7E27A #A7B95B #6F7F3A #F2EADF #3A3A33

Estado de ánimo: acogedor, terroso, orgánico

Ideal para: invitaciones de boda y papelería rústica

Suave y terrosa, evoca hojas de aguacate sobre tela de lino cálida. Usa el tono lino como base de papel y los verdes oliva para bordes, monogramas y detalles de RSVP. Combina con tinta negra mate o marrón oscuro para mantener todo nítido y atemporal. Consejo: utiliza el verde más claro para patrones de fondo sutiles, así la tipografía seguirá siendo protagonista.

Ejemplo de imagen lino aguacate generado con media.io

4) Refresco de Lima

HEX: #E6FF4F #B4FF63 #49D17A #1A6F5D #0B1C1D

Estado de ánimo: divertido, enérgico, audaz

Ideal para: packaging de latas de bebidas y anuncios de lanzamiento

Burbujante y eléctrica, esta paleta se siente como un refresco de lima frío con un giro neón. Usa la lima brillante para el color principal del etiquetado y equilibra con verde azulado profundo y casi negro para contraste. Combina con tipografía sans-serif simple y mucho espacio negativo para evitar un aspecto desordenado. Consejo: mantén los degradados sutiles y deja que un color sólido llamativo lleve el reconocimiento de marca.

Ejemplo de imagen refresco de lima generado con media.io

5) Jardín de Hierbas de Primavera

HEX: #F1F7A8 #CBE36B #89B84A #4E7A3A #E9F3EE

Estado de ánimo: fresco, botánico, calmante

Ideal para: ilustraciones botánicas de primavera y cabeceras de blog

Fresca y botánica, evoca hierbas machacadas, brotes nuevos y rocío de la mañana. El neutro menta pálido mantiene las composiciones aireadas mientras los verdes profundos dan profundidad a tallos y sombras. Combina con líneas dibujadas a mano y texturas de papel suaves para un estilo natural. Consejo: elige un verde más oscuro para los contornos para que los tonos claros resalten sin mezclarse.

Ejemplo de imagen jardín de hierbas de primavera generado con media.io

6) Brillo de Pera Dorada

HEX: #FFD25A #CFE85A #8BC34A #2D5A3A #FFF1E6

Estado de ánimo: cálido, acogedor, premium

Ideal para: etiquetas de skincare y branding de productos limpios

Cálida y suavemente luminosa, se siente como la piel de una pera madura en la luz de la tarde. Esta paleta verde amarillo funciona maravillosamente para etiquetas premium si mantienes el fondo crema dominante y usas el verde profundo solo en bloques de ingredientes. Combina con detalles mínimos en oro metálico o tipografía gris cálida para un acabado elevado. Consejo: imprime una muestra de prueba, ya que el amarillo brillante puede variar bajo distinta luz en papeles texturizados.

Ejemplo de imagen brillo de pera dorada generado con media.io

7) Sendero Musgoso

HEX: #CDDC7A #9FB25A #6B7D3A #3C4D2B #B08D57

Estado de ánimo: terrenal, aventurero, robusto

Ideal para: pósters de marcas de exterior y eventos de senderos

Terrenal y aventurera, recuerda al musgo sobre piedra y caminos soleados de tierra. Usa el marrón tierra como acento de apoyo en insignias, iconos y pequeños elementos gráficos. Combina con texturas tipo kraft o blanco roto limpio para que los verdes no se sientan demasiado pesados. Consejo: mantén el texto en el verde más profundo para un aspecto natural y legible.

Ejemplo de imagen sendero musgoso generado con media.io

8) Contraste Lima Neón

HEX: #D6FF00 #A6FF4D #00D084 #1B1B1B #F7F7F7

Estado de ánimo: atrevido, alto contraste, tecnológico

Ideal para: banners de gaming y anuncios tecnológicos

Atrevida y de alto contraste, se siente como letreros de neón en la noche urbana. Estas combinaciones de verde amarillo resaltan más cuando dejas que el negro domine el fondo y usas el gris claro para espacios. Combina con formas geométricas audaces y tipografía sans sharp para un look tecnológico. Consejo: limita el neón a uno o dos elementos focales por diseño para evitar la fatiga visual.

Ejemplo de imagen contraste lima neón generado con media.io

9) Crema de Pistacho

HEX: #E9F3C8 #CFE3A5 #9DC27A #6D8A5C #FFF6E8

Estado de ánimo: suave, amigable, aireado

Ideal para: menús de cafetería y gráficos de blogs de estilo de vida

Suave y cremosa, evoca helado de pistacho con un remolino ligero de vainilla. Usa la crema cálida como base y los verdes medios para títulos de sección y resaltes de precios. Combina con tipografía suave y redondeada y divisores sutiles para una sensación acogedora. Consejo: mantén las fotos con tonos ligeramente cálidos para que los verdes se vean frescos y no grises.

Ejemplo de imagen de crema de pistacho generado con media.io

10) Bambú Lluvioso

HEX: #D8E36A #9DC65A #4F8F59 #2F5F5D #E6ECEF

Estado de ánimo: fresco, equilibrado, consciente

Ideal para: paneles y analíticas UI de apps ecológicas

Fresco y equilibrado, se siente como hojas de bambú tras la lluvia con un cielo brumoso encima. Deja que el azul grisáceo sea el lienzo y usa los verdes para señalar estados de éxito, progreso y navegación. Combínalo con iconografía simple y un espaciado coherente para que la paleta se mantenga calmada y organizada. Consejo: asigna un verde para acciones y otro para visuales de datos para reducir la carga cognitiva.

Ejemplo de imagen de bambú lluvioso generado con media.io

11) Nota Oliva Vintage

HEX: #E3E0A6 #B8B37A #7A7446 #3F3B2C #F5F1E6

Estado de ánimo: nostálgico, apagado, editorial

Ideal para: diseños de revista y artículos extensos

Apagada y nostálgica, recuerda a viejos diarios de campo y lonas de oliva gastadas. Usa el blanco cálido para páginas de texto y reserva los olivas oscuros para títulos y citas destacadas. Combínalo con tipografía clásica serif y líneas finas para un acabado editorial. Consejo: mantén el uso del color de acento mínimo para que la paleta se mantenga sofisticada y no aburrida.

Ejemplo de imagen de nota oliva vintage generado con media.io

12) Sorbete de Kiwi

HEX: #F9FF8B #C7FF4A #7DE35A #2DBD7A #2B3A33

Estado de ánimo: brillante, juvenil, divertido

Ideal para: invitaciones para fiestas infantiles y promociones divertidas

Brillante y alegre, se siente como sorbete de kiwi en un día caluroso. Reserva el verde oscuro para texto y contornos, y deja que los dos tonos más claros destaquen en formas y fondos. Combina íconos burbujeantes, bordes redondeados y patrones simples como puntos o rayas. Consejo: evita el texto pequeño sobre el verde kiwi claro y utiliza bloques oscuros sólidos cuando sea necesario.

Ejemplo de imagen de sorbete de kiwi generado con media.io

13) Póster Sunleaf

HEX: #FFEA5A #C7F05A #55B84A #2B2E34 #FFF2C6

Estado de ánimo: optimista, contundente, gráfico

Ideal para: promociones y publicaciones de campaña en redes sociales

Optimista y gráfico, parece hojas iluminadas por el sol recortadas en formas de papel. Usa el tono amarillo manteca para suavizar la composición y establece titulares en carbón para un fuerte contraste. Combina grandes bloques de color y siluetas simples para crear publicaciones llamativas. Consejo: mantén el amarillo como el foco y deja que los verdes apoyen elementos secundarios como stickers y etiquetas.

Ejemplo de imagen de póster sunleaf generado con media.io

14) Soft Matcha UI

HEX: #F3F6D7 #D6E8A4 #A8C97A #5A6B52 #FFFFFF

Estado de ánimo: suave, acogedor, minimalista

Ideal para: kits UI para apps financieras y pantallas de onboarding

Suave y acogedora, recuerda a un matcha latte caliente con una capa espumosa cremosa. Usa blanco y matcha pálido para fondos, y verdes medios para tarjetas, pestañas y pasos de progreso. Combínalo con ilustraciones serenas y espacio generoso para que la interfaz se sienta premium. Consejo: define los botones principales en el verde más oscuro y deja las acciones secundarias delineadas para mayor claridad.

Ejemplo de imagen de soft matcha UI generado con media.io

15) Helecho Tropical

HEX: #E4FF7A #B9E85A #57C86A #0F6D4A #00423A

Estado de ánimo: exuberante, aventurero, fresco

Ideal para: anuncios de productos de exterior y branding de viajes

Exuberantes y aventureros, estos verdes evocan frondas de helecho tropical en aire húmedo. Deja que el lima brillante sea un acento llamativo para logotipos y destacados, mientras los teales oscuros sostienen el sistema de marca. Combínalo con fotografía limpia y texto simple para no competir con la saturación. Consejo: mantén fondos oscuros cuando quieras que el lima brille, y claros para una lectura más calmada.

Ejemplo de imagen de helecho tropical generado con media.io

16) Wasabi Workspace

HEX: #DBE86A #B2C94A #7A8F3A #2B2F33 #F2F4F6

Estado de ánimo: enfocado, profesional, moderno

Ideal para: plantillas para presentaciones de oficina y mazos de diapositivas

Enfocado y profesional, se siente como un espacio de trabajo ordenado con un toque picante de wasabi. Usa el gris frío como base de las diapositivas y aplica los verdes en gráficos, divisores de sección y métricas clave. Combínalo con una única familia sans-serif negrita y trazos de íconos uniformes. Consejo: reserva el verde más brillante solo para énfasis, especialmente en diapositivas con muchos datos.

Ejemplo de imagen de wasabi workspace generado con media.io

17) Acid Lime Streetwear

HEX: #CCFF00 #7CFF00 #00FF8A #101014 #FF4D6D

Estado de ánimo: llamativo, moderno, rebelde

Ideal para: pósters streetwear y portadas de lookbook

Llamativo y moderno, grita neón de mercadillo nocturno con un inesperado golpe rosa. Combinaciones de verde limón como ésta funcionan mejor con mucho espacio negro y tipografía sobredimensionada. Combínalo con formas anguladas y texto mínimo para mantener la energía controlada. Consejo: trata el rosa como un acento de firma diminuto para etiquetas, precios o un solo ícono.

Ejemplo de imagen de acid lime streetwear generado con media.io

18) Acuarela de Flor de Pera

HEX: #FFF4A8 #D9F27A #9EDC7A #6DB08A #F7E6EF

Estado de ánimo: romántico, aireado, delicado

Ideal para: patrones florales primaverales y detalles de papelería

Romántico y ligero, evoca flores de pera flotando sobre un cielo pastel. Usa el rosa suave como contrapunto para que los verdes se mantengan dulces y no deportivos. Combínalo con bordes acuarelados y mucho espacio en blanco para un look fresco y aireado. Consejo: reserva un verde medio para hojas y cambia solo los toques de luz para evitar un patrón recargado.

Ejemplo de imagen de flor de pera en acuarela generado con media.io

19) Packaging Lemongrass

HEX: #F7FFB0 #D6F57A #8CCF5A #3A7D4A #F0EFE9

Estado de ánimo: limpio, herbal, confiable

Ideal para: cajas de té y envoltorios de alimentos naturales

Limpio y herbal, evoca manojos de lemongrass y una despensa ordenada. Usa el neutro cálido claro como color principal de la caja y los verdes profundos en paneles para ingredientes y certificaciones. Combínalo con líneas botánicas simples para comunicar frescura sin recargar. Consejo: usa el verde más oscuro para texto pequeño para asegurar legibilidad en empaques texturizados.

Ejemplo de imagen de packaging lemongrass generado con media.io

20) Gradiente Solar Lime

HEX: #FFF06A #D7FF57 #8BFF6A #3BD68A #1A7A62

Estado de ánimo: fresco, brillante, optimista

Ideal para: fondos de sitios web, CTAs y acentos de gradiente UI

Fresco y optimista, luce como la luz del sol fundiéndose en lima y menta. Usa gradientes para secciones hero y formas grandes, luego confía en el teal-verde oscuro para textos y navegación. Combínalo con blanco nítido y gris neutro para una interfaz moderna. Consejo: mantén los gradientes solo en áreas amplias y evita poner texto pequeño directamente sobre la banda más clara.

Ejemplo de imagen de gradiente solar lime generado con media.io

¿Qué Colores Combinan Bien con el Verde Amarillo?

El verde amarillo combina mejor con anclajes profundos y neutros suaves. Carbón, casi negro, verde bosque profundo y teal oscuro hacen que el verde amarillo se sienta más nítido y legible, especialmente para texto y botones en interfaces.

Para un aspecto más calmado y natural, combínalo con crema, blanco cálido, beige kraft o gris azul claro. Estos fondos reducen el ruido visual y ayudan a que los verdes brillantes se sientan intencionados y no abrumadores.

Si quieres un toque extra, pequeñas dosis de rosa suave, arcilla o dorado cálido pueden actuar como acento distintivo. Mantén ese acento limitado para que el verde amarillo siga siendo el color principal.

Cómo Usar una Paleta de Color Verde Amarilla en Diseños Reales

Empieza decidiendo qué función tendrá el verde amarillo: color principal de marca, acento de UI, o destacado para campañas de temporada. En la mayoría de sistemas, funciona mejor como acento (CTAs, destacados, insignias) sobre una base neutra y color de texto oscuro.

En UI, prueba el contraste desde el principio: los fondos amarillo-verde pueden disminuir la legibilidad de tipografía pequeña. Usa verdes oscuros o carbón para texto, aumenta el grosor de fuente y reserva los tonos más brillantes para formas grandes e íconos.

Para impresión y packaging, haz una prueba en el stock real: los amarillos brillantes pueden cambiar bajo luz cálida o papeles texturizados. Usa paneles crema/neutros para ingredientes y textos finos y así mantenerlo todo nítido.

Crea Visuales de Paleta Verde Amarillo con IA

Si ya tienes códigos HEX, puedes convertirlos rápidamente en moodboards, mockups de UI, conceptos de póster o escenas de packaging. Lo clave es describir el layout (cuadrícula, hero, etiqueta, spread editorial) y dónde debe aparecer el acento amarillo-verde.

Utiliza una paleta por concepto primero y después cambia solo un color a la vez (por ejemplo, cambiando el fondo neutro). Así los resultados se mantienen consistentes y es fácil notar mejoras en legibilidad y presencia de marca.

Con la herramienta de texto a imagen de Media.io, puedes generar ejemplos visuales rápidamente desde prompts como los anteriores y perfeccionar tipografía y composición en segundos.

Siguiente: Paleta de Colores Blanco Oro