20 Paletas de colores amarillo y verde azulado con códigos hexadecimales

Una paleta de colores amarillo y verde azulado es una de las formas más fáciles de equilibrar calidez y frescura en un solo diseño. El amarillo aporta optimismo y visibilidad, mientras que el verde azulado suma profundidad, confianza y un toque moderno y limpio.

Ya sea que estés creando una interfaz, diseñando packaging o maquetando materiales impresos, el amarillo y el verde azulado pueden sentirse playeros, retro, lujosos o minimalistas dependiendo de los neutros y el contraste que los acompañen.

Por qué funcionan tan bien las paletas amarillo-verde azulado

El amarillo y el verde azulado se sitúan en un punto ideal de contraste: el amarillo es naturalmente llamativo, mientras que el verde azulado transmite estabilidad y control. Juntos, crean una jerarquía visual clara, ideal para titulares, botones e información clave.

Esta combinación también se adapta a distintos estilos. Con blancos y grises se vuelve moderna y tecnológica; con crema y marrones adquiere un aire artesanal y retro; con azul marino puede lucir sofisticada y dramática.

Lo más importante es que las combinaciones amarillo-verde azulado son flexibles y accesibles. Si pones el texto sobre neutros oscuros y reservas el amarillo para acentos, obtendrás una paleta vivaz que sigue siendo legible en pantalla e impresión.

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

1) Laguna Soleada

HEX: #F9D65C #18A1A6 #0B4F6C #F3F5F7 #2D2A32

Sensación: fresca, limpia, costera

Ideal para: página de inicio de marca de viajes

Fresca y aireada como la luz del mediodía sobre el agua poco profunda, estos tonos se sienten nítidos y optimistas. Usa el amarillo brillante para llamadas a la acción y los tonos verde azulado para navegación y encabezados. Combínalo con mucho espacio en blanco y un color de texto oscuro para asegurar legibilidad. Consejo: reserva el azul-verde más profundo para estados activos para que la interfaz se sienta tranquila, no estridente.

Ejemplo de imagen de laguna soleada generado con media.io

Media.io

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

Pruébalo gratis ahora

2) Marea Cítrica

HEX: #FFD84D #00B8B0 #006D77 #F7EFE5 #1F2933

Sensación: vibrante, moderna, enérgica

Ideal para: pantallas de inicio de aplicación

Vibrante y alegre, aporta el toque cítrico junto a tonos marinos frescos. Deja que el amarillo resalte pasos e íconos clave, mientras que el verde azulado sostiene paneles y elementos de progreso. El blanco cálido hace que las pantallas sean acogedoras y reduce el reflejo. Consejo: deja el texto del cuerpo en el gris profundo para que los acentos brillantes se mantengan especiales.

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

3) Cabaña Retro

HEX: #F6C445 #2AB7A9 #1E6F7A #FFFAF0 #8A5A44

Sensación: retro, juguetona, soleada

Ideal para: diseño de póster para evento de verano

Juguetona y nostálgica, recuerda a sillas rayadas y gafas vintage. Utiliza el amarillo cálido en bloques de titulares y el verde azulado para grandes formas o bordes. El blanco cremoso le da aire, mientras que un toque de marrón agrega un aire retro. Consejo: utiliza patrones geométricos simples para que la paleta cuente la historia.

Ejemplo de imagen de cabaña retro generado con media.io

4) Oasis del Desierto

HEX: #EFCB68 #1FB6AA #0E5E6F #E9E3D5 #3B3A36

Sensación: natural, cálida, relajante

Ideal para: folleto de spa

Natural y relajante, evoca arenas calentadas por el sol y agua de piscina fresca. El amarillo suave funciona perfecto como fondo y el verde azulado enfatiza títulos de sección de manera tranquila. Combina con texturas naturales como papel lino e iconos minimalistas. Consejo: usa alto contraste para el cuerpo de texto utilizando gris carbón.

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

5) Mostaza Mentolada

HEX: #D8B23A #35C6B2 #147A78 #F2F2F2 #2B2D42

Sensación: inteligente, juvenil, tecnológica

Ideal para: interfaz de panel de control SaaS

Inteligente y contundente, evoca gráficos claros con un toque de personalidad. Utiliza el verde azulado para las superficies principales y el amarillo mostaza para alertas, destacados y métricas clave. El gris claro mantiene el panel neutro y profesional. Consejo: usa el amarillo de forma moderada para que actúe como señal de prioridad.

Ejemplo de imagen de mostaza mentolada generado con media.io

6) Surf de Festival

HEX: #FFE066 #00C2B3 #007C91 #0B1320 #F8F3E7

Sensación: audaz, animada, alto contraste

Ideal para: gráfico de entrada para festival de música

Audaz y eléctrica, recuerda a pulseras neón sobre la noche. Usa el amarillo brillante para precios y fechas, y deja que el verde azulado acompañe formas secundarias y divisores. El casi negro aporta drama y hace que los acentos resalten. Consejo: tipografía gruesa y clara para máxima legibilidad en tamaños pequeños.

Ejemplo de imagen de surf de festival generado con media.io

7) Puerto Nórdico

HEX: #F2D96B #4CB7A5 #2D6A78 #E8EEF2 #243B4A

Sensación: fría, minimalista, pulida

Ideal para: página de manual de marca

Fría y ordenada, sugiere un puerto tranquilo bajo luz pálida. Usa el azul-gris neblinoso como base, luego agrega verde azulado para bloques de marca y navegación. El amarillo funciona mejor como acento secundario para llamadas y iconos. Consejo: combina con una tipografía sans-serif limpia y amplios márgenes para lograr un estilo escandinavo.

Ejemplo de imagen de puerto nórdico generado con media.io

8) Giro Divertido

HEX: #FFDA57 #19B7B0 #0E7C86 #FFFFFF #FF6B6B

Sensación: divertida, juvenil, positiva

Ideal para: interfaz de app educativa infantil

Alegre y animada, evoca pegatinas, tarjetas y carteles coloridos en el aula. El verde azulado mantiene la interfaz estable, mientra el amarillo y el coral suman energía amigable en botones y premios. El espacio blanco ayuda a la legibilidad para usuarios pequeños. Consejo: usa el coral solo para celebraciones y que nunca compita con las acciones principales.

Ejemplo de imagen de giro divertido generado con media.io

9) Terraza Botánica

HEX: #F4D35E #2EC4B6 #1B7F79 #F6F7EB #3D405B

Sensación: fresca, vegetal, soleada

Ideal para: set de ilustraciones botánicas de primavera

Fresca y bañada por el sol, evoca hojas nuevas, macetas pintadas y la cálida luz de la tarde. La gama turquesa funciona maravillosamente para tallos y sombras, mientras que el amarillo aporta centros suaves a las flores y realces. Combínalo con textura de papel suave y bordes de acuarela sueltos. Consejo: mantén el fondo blanco roto para que los verdes y amarillos se vean naturales.

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

10) Patio de mediados de siglo

HEX: #E7C24F #3AB7B0 #2B6777 #F3EFEA #C65D39

Sensación: mitad de siglo, cálido, curado

Ideal para: moodboard de decoración hogar

Curado y acogedor, recuerda a azulejos de mediados de siglo, muebles de teca y una puerta soleada al patio. El turquesa resulta ideal en grandes superficies como muros o bloques, mientras el amarillo y tonos arcilla aportan calidez. Combínalo con materiales naturales como madera, ratán y cerámica mate. Consejo: repite el tono arcilla en pequeñas dosis para unificar el look.

Ejemplo de imagen de patio de mediados de siglo generado con media.io

11) Mercado Costero

HEX: #FFE08A #25B7B1 #0F6674 #F9F6F0 #5A3E2B

Sensación: acogedor, artesanal, luminoso

Ideal para: flyer de mercado de agricultores

Acogedor y artesanal, recuerda a carteles pintados, fruta fresca y aire marino. Usa el amarillo pálido como base cálida, luego añade el turquesa para títulos y flechas indicativas. El marrón recuerda a papel kraft y funciona genial para textos pequeños y bordes. Consejo: agrega íconos simples dibujados a mano para reforzar el ambiente artesanal.

Ejemplo de imagen de mercado costero generado con media.io

12) Terciopelo Turquesa y Oro

HEX: #F2C14E #0FB9B1 #0B7285 #102A43 #EAE2B7

Sensación: lujoso, sofisticado, dramático

Ideal para: diseño de menú de bar de cócteles

Lujoso y sofisticado, sugiere cabinas de terciopelo, detalles en latón y una luz turquesa tenue. Usa el azul marino profundo como fondo principal, dorado-amarillo para realces y precios del menú. El turquesa aporta un acento refinado para divisores e íconos. Consejo: elige una tipografía serif de alto contraste para títulos y así mantener un fondo elegante, no pesado.

Ejemplo de imagen de terciopelo turquesa y oro generado con media.io

13) Guardería Suave

HEX: #F7DE7A #5ED6C4 #2E9C98 #FFF7EE #6D6875

Sensación: suave, delicado, reconfortante

Ideal para: invitación a baby shower

Suave y reconfortante, evoca el sol a través de cortinas y una siesta tranquila por la tarde. El amarillo pastel y aqua-turquesa lucen perfectos sobre papel crema cálido sin resultar empalagosos. Combina con tipografía redondeada e ilustraciones sencillas a línea. Consejo: usa el tono malva-gris suave para los textos para un acabado amigable y legible.

Ejemplo de imagen de guardería suave generado con media.io

14) Baldosas de Café

HEX: #F1CF4A #22B8A8 #1B5E6A #FAF3E0 #3D2C2E

Sensación: acogedor, editorial, artesanal

Ideal para: diseño de empaque de café

Acogedor y artesanal, trae a la mente azulejos con patrones, pastelería cítrica y una taza de espresso turquesa. Usa el crema como base principal de la etiqueta, luego bloques turquesa para nombre de marca e información de origen. El amarillo funciona muy bien para notas de tueste o sellos pequeños. Consejo: añade un patrón geométrico sutil en el tono más oscuro para un acabado premium de café.

Ejemplo de imagen de baldosas de café generado con media.io

15) Destacado de Estudio

HEX: #FFD24A #00B4A6 #005B66 #F5F7FA #111827

Sensación: limpio, seguro, profesional

Ideal para: UI de sección principal para agencia creativa

Limpio y seguro, transmite la sensación de un estudio luminoso con sombras marcadas y tipografía nítida. Usa el turquesa como color principal de marca para encabezados y enlaces, luego el amarillo para una llamada a la acción destacada. El gris claro mantiene la página moderna y reduce la fatiga visual. Consejo: combina con tipografía negra en negrita e iconografía sencilla para una primera impresión pulida.

Ejemplo de imagen de destaque de estudio generado con media.io

16) Día Lluvioso Pop

HEX: #FFE169 #2EC4B6 #2B6F7E #D9E2EC #334E68

Sensación: alegre, equilibrado, cotidiano

Ideal para: UI de app de clima

Alegre pero equilibrado, es como un paraguas brillante en un día gris y lluvioso. Usa los grises fríos para fondos y tarjetas, luego el turquesa para controles principales. El amarillo funciona perfectamente como acento para estados soleados y notificaciones clave. Consejo: mantén los rellenos de íconos consistentes para que los acentos se aprecien de un vistazo.

Ejemplo de imagen de día lluvioso pop generado con media.io

17) Papelería Tropical

HEX: #F9D34A #27C3AE #0E7A7C #FFFDF7 #FF8C61

Sensación: brillante, amigable, creativo

Ideal para: maqueta de set de papelería

Brillante y alegre, canaliza postales tropicales y señalética limpia de resort. El turquesa une el diseño en membretes, mientras el amarillo y coral dan sellos, bordes o detalles alegres. Mantén la base casi blanca para que las piezas impresas se vean nítidas. Consejo: elige papel sin recubrir en la maqueta para suavizar los acentos intensos.

Ejemplo de imagen de papelería tropical generado con media.io

18) Etiqueta de Museo

HEX: #E9C95B #2AB3A6 #1F5F6B #F0F4F8 #2D3142

Sensación: tranquilo, informativo, refinado

Ideal para: diseño de catálogo de exposición

Tranquilo y refinado, sugiere una galería bien iluminada con etiquetas cuidadosamente impresas. Usa el fondo gris pizarra pálida para lograr espacio, luego usa turquesa como color de sistema para títulos y pies de foto. El amarillo es ideal para llamadas sutiles como marcas de edición o pestañas de sección. Consejo: alinea todo a una cuadrícula estricta para mantener el diseño tipo museo.

Ejemplo de imagen de etiqueta de museo generado con media.io

19) Energía Deportiva

HEX: #FFD000 #00BFAE #00707A #0B132B #F1F5F9

Sensación: rápida, impactante, competitiva

Ideal para: banner promocional deportivo

Rápido e impactante, parece la luz del estadio reflejándose en un campo turquesa. Usa el amarillo para el título principal y realces de puntuación, mientras el turquesa apoya texto secundario y bandas gráficas. El azul marino oscuro añade intensidad y mantiene los acentos brillantes definidos. Consejo: agrega formas diagonales y esparcimiento ajustado para reforzar la sensación de movimiento.

Ejemplo de imagen de energía deportiva generado con media.io

20) Cóctel Nocturno

HEX: #F6C85F #1BB6AF #0D5C63 #1F1B24 #F7F1E3

Sensación: sofisticado, íntimo, chic

Ideal para: diseño de etiqueta de ginebra premium

Sofisticado e íntimo, evoca la luz de velas, cáscara de cítrico y una copa turquesa fresca. Para packaging premium, deja que el casi negro cubra la mayor parte de la etiqueta y destina al turquesa las líneas decorativas o sellos. El amarillo parece un acento metálico cálido para momentos tipográficos pequeños. Consejo: estas combinaciones amarillo y turquesa lucen mejor en un diseño contenido y con mucho espacio negativo.

Ejemplo de imagen de cóctel nocturno generado con media.io

21) Alga Dorada

HEX: #F2D15C #20B7A8 #0A7B83 #E6F2F0 #124559

Sensación: oceánico, natural, restaurador

Ideal para: anuncio de producto de cuidado de la piel

Oceánico y restaurador, evoca bosques de algas con rayos solares atravesando el agua. Usa el aqua pálido como fondo limpio, luego turquesa para reclamos y estructura del producto. El amarillo funciona mejor como realce cálido en sellos tipo “nuevo” o “rico en vitaminas”. Consejo: en una paleta amarillo turquesa como esta, mantén los degradados sutiles para que se siga sintiendo botánico y sereno.

Ejemplo de imagen de alga dorada generado con media.io

¿Qué colores combinan bien con amarillo y verde azulado?

Los neutros combinan fácilmente: blanco, blanco roto, gris claro, carbón y casi negro ayudan a que el amarillo se vea brillante y el turquesa nítido. Además, hacen que la tipografía sea más legible, especialmente en diseños UI.

Para más calidez, añade arcilla, terracota, óxido o marrones cálidos para empujar la paleta hacia un estilo retro o artesanal. Para una dirección más fresca, introduce verde mar, menta y aqua pálido—solo asegúrate de mantener un turquesa ancla para evitar “demasiados verdes”.

Si buscas un acento más atrevido, el coral o rojo suave pueden funcionar como tercer color, pero úsalo con moderación. Con el amarillo actuando ya como realce, tu diseño normalmente solo necesita un color “chispa” adicional.

Cómo usar una paleta amarillo-verde azulado en diseños reales

Comienza decidiendo cuál color será dominante. En la mayoría de los diseños modernos, el turquesa funciona mejor como color principal de marca/sistema (navegación, títulos, componentes UI), mientras el amarillo se convierte en acento para llamadas a la acción, sellos y datos clave.

Controla el contraste con neutros de soporte. Si tu turquesa es profundo, combínalo con fondos blanco roto; si tu amarillo es brillante, mantenlo alejado de bloques de texto largos y usa pizarra oscura/carbón para textos principales.

Para impresión, considera el tono del papel y la cobertura de tinta. El papel crema suaviza los amarillos brillantes, y las bases oscuras (marino/casi negro) hacen que el turquesa y el amarillo luzcan más premium—solo asegúrate de que los textos pequeños tengan alto contraste.

Crea visuales de paletas amarillo-verde azulado con IA

Si ya tienes los códigos HEX, puedes generar maquetas alineadas a la marca rápidamente describiendo el diseño e indicando dónde aparecen el amarillo y turquesa (botones, títulos, sellos, divisores y fondos). Así puedes probar varias direcciones sin rehacer los recursos desde cero.

Prueba creando algunas variantes: una UI mínima, un póster y una maqueta de empaque. Rápidamente verás si tu amarillo funciona mejor como CTA brillante o fondo suave, y si tu turquesa debería acercarse más al verde o azul según tu nicho.

Usa la herramienta de texto a imagen de Media.io para transformar tu paleta en visuales coherentes para branding, web e impresión.

Siguiente: Paleta de colores óxido