20 Paletas de Colores Blanco y Amarillo con Códigos Hexadecimales

Una paleta de colores blanco y amarillo es una de las formas más sencillas de lograr que un diseño se sienta más luminoso, limpio y optimista sin ser abrumador. El blanco aporta espacio y claridad, mientras que el amarillo añade calidez y atrae la atención en los lugares importantes.

A continuación encontrarás 20 ideas de paletas blanco-amarillo cuidadosamente seleccionadas con códigos HEX, además de consejos prácticos para UI, branding e interiores, para que puedas utilizar el amarillo como un acento inteligente y no como un resaltado ruidoso.

Por qué funcionan tan bien las paletas blanco-amarillo

El blanco y el amarillo se refuerzan de manera natural: el blanco amplifica la luminosidad y el amarillo añade un punto focal soleado que guía la mirada. El resultado se siente limpio, animado e instantáneamente legible en muchos formatos.

Como el amarillo puede volverse estridente a plena intensidad, al combinarlo con blanco es más fácil controlar su uso. Puedes mantener la mayoría de las superficies neutras y reservar el amarillo solo para acciones, resaltados o momentos clave de la marca.

Añade un neutro que ancle (gris, carbón, topo o pizarra) y la paleta se vuelve más premium y funcional. Este color extra suele convertir lo “alegre” en “confiado y moderno”.

20+ Ideas de paletas blanco y amarillo (con códigos HEX)

1) Lino Limón

HEX: #ffffff #fff4c2 #ffe066 #d9d6cf #2f2f2f

Estado de ánimo: aireado, limpio, animado

Ideal para: identidad de marca minimalista

Blancos aireados y acentos de limón evocan sábanas frescas secándose al sol. Usa el amarillo brillante como acento controlado en titulares, iconos o un elemento principal. Añade greige suave y carbón para que el look sea elegante, no infantil. Consejo: mantén el amarillo limón por debajo del 15% de cobertura para terminar con un acabado editorial y nítido.

Ejemplo de imagen de lino limón 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 ahora gratis

2) Brillo Cremoso

HEX: #fffdf7 #fff1b6 #ffd24a #c9c1b3 #5a5a5a

Estado de ánimo: acogedor, amigable, invitador

Ideal para: empaque de panadería

Los tonos mantecosos evocan vitrinas de repostería templadas y una suave luz matinal. Esta paleta blanco y amarillo funciona mejor cuando el matiz dorado más profundo se reserva para logotipos, sellos y ofertas especiales. Combínala con papel texturizado o acabados mate para enfatizar la calidez cremosa. Consejo: añade una pequeña cantidad de gris oscuro para legibilidad en etiquetas y bloques de nutrición.

Ejemplo de imagen de brillo cremoso generada con media.io

3) Minimalista Soleado

HEX: #ffffff #fff7dc #ffea7a #e7e7e7 #1e1e1e

Estado de ánimo: moderno, luminoso, despejado

Ideal para: dashboard UI 2D

Neutros claros con acento de amarillo soleado resultan modernos y despejados. Usa el blanco crema como lienzo principal y el amarillo para estados activos, notificaciones o resaltados de progreso. El gris claro separa secciones sin bordes pesados. Consejo: combina el acento con texto en carbón para garantizar el contraste en elementos clave de la interfaz.

Ejemplo de imagen de minimalista soleado generada con media.io

4) Estudio Margarita

HEX: #fffefc #fff2cc #ffe04f #c8d0d4 #3a3f45

Estado de ánimo: alegre, creativo, ligero

Ideal para: plantillas de redes sociales

Tonos de margarita transmiten energía creativa y amigable sin ser ruidosos. Deja que el crema pálido predomine en los fondos y utiliza el amarillo brillante para stickers, destacados o botones. El gris azul frío aporta equilibrio para que el diseño no sea demasiado cálido. Consejo: mantén los colores de sombra neutros para conservar el ambiente de estudio aireado.

Ejemplo de imagen de estudio margarita generada con media.io

5) Mármol Cítrico

HEX: #ffffff #fff6e8 #ffd65c #b9b2a7 #262626

Estado de ánimo: pulido, lujoso, soleado

Ideal para: anuncio de producto de belleza

Blancos pulidos y dorado cítrico evocan la luz del sol sobre encimeras de mármol. Usa el amarillo cálido como acento metálico para medallas, etiquetas de edición limitada o brillos alrededor del producto. El gris topo mantiene el aspecto elegante y ayuda a que las fotos no resulten tan frías. Consejo: añade un suave degradado de crema a blanco para imitar la profundidad real de la piedra.

Ejemplo de imagen de mármol cítrico generada con media.io

6) Papel Mielado

HEX: #fffbf1 #fff0bf #ffc93c #d6cfbf #444444

Estado de ánimo: cálido, artesanal, accesible

Ideal para: menú de cafetería

Tonos de miel y papel sugieren menús artesanales y charlas casuales en el mostrador. Esta paleta blanco y amarillo brilla con fotos de café negro, texturas kraft e iconos de línea simples. Usa el amarillo más intenso para encabezados de secciones y acentos como bebidas estacionales. Consejo: mantén el texto del cuerpo en gris oscuro, no negro puro, para una sensación más suave en impresión.

Ejemplo de imagen de papel mielado generada con media.io

7) Toque de Vainilla

HEX: #ffffff #fff6d1 #ffe24a #a7b3c2 #232a33

Estado de ánimo: fresco, juvenil, energético

Ideal para: pantallas de onboarding de app

La ligereza de la vainilla acompañada de un toque de limón se siente fresca y juvenil. Utiliza el crema pálido para la mayoría de las pantallas, dejando que el amarillo brillante guíe la atención en pasos y puntos de progreso. El azul grisáceo apagado es excelente como botón secundario o contorno de ilustraciones. Consejo: mantén iconos simples y rellenos para que el acento resalte claramente en tamaños pequeños.

Ejemplo de imagen de toque de vainilla generada con media.io

8) Tiza Cálida

HEX: #fffef8 #fff3c9 #ffd86b #e1dfd8 #373737

Estado de ánimo: suave, calmada, apto para aula

Ideal para: diapositivas de curso online

Blancos tipo tiza y amarillo cálido transmiten calma, claridad y facilidad de seguimiento. Usa el amarillo medio para marcar puntos clave, cajas de texto o divisores de sección sin sobrecargar la página. El gris neutro claro ayuda a dar estructura en presentaciones extensas. Consejo: reserva el gris más oscuro para títulos y así mantener la jerarquía y legibilidad.

Ejemplo de imagen de tiza cálida generada con media.io

9) Blanco Hora Dorada

HEX: #ffffff #fff2d8 #ffcc4d #c7c2b8 #2b2b2b

Estado de ánimo: romántico, cálido, sofisticado

Ideal para: set de invitación de boda

La calidez romántica de la hora dorada evoca el sol sobre el papel marfil y luz de vela suave. Esta paleta blanco y amarillo es ideal para invitaciones cuando deseas elegancia luminosa sin recurrir a láminas doradas pesadas. Combínala con tipografías con serifas, líneas finas y texturas delicadas de papel. Consejo: reserva el amarillo para monogramas y bordes para que el diseño se mantenga atemporal.

Ejemplo de imagen de hora dorada blanca generado con media.io

10) Azafrán Suave

HEX: #fffdf9 #fff4cf #ffd36a #d9d3c7 #4a4a4a

Estado de ánimo: suave, orgánico, bienestar

Ideal para: pautas de marca para spa

El azafrán suave y los blancos cremosos transmiten una sensación orgánica y restauradora, como un té de hierbas cálido. Usa el amarillo suave para barras de resalte, pestañas de sección y degradados sutiles en lugar de bloques sólidos. Combínalo con neutros cálidos y fotografía mínima para mantener la calma. Consejo: prueba el amarillo como un tinte al 10 por ciento detrás de citas y testimonios.

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

11) Mostaza Moderna

HEX: #fffdf5 #fff0b0 #e3b21a #cfc9bc #1f1f1f

Estado de ánimo: audaz, moderna, segura

Ideal para: diseño de póster

La mostaza intensa sobre blanco cremoso genera una sensación confiada y moderna, como pósters de galería en un pasillo luminoso. Usa el amarillo profundo para grandes formas o bloques tipográficos, y suaviza los bordes con el cremita claro. Combínalo con tipografía negra fuerte y mucho espacio en blanco para mantenerlo contemporáneo. Consejo: limita los colores adicionales para que la mostaza sea la protagonista.

Ejemplo de imagen de mostaza moderna generado con media.io

12) Brisa de Cáscara de Huevo

HEX: #ffffff #fff8e9 #ffe48a #c7d7d9 #2d3a3a

Estado de ánimo: fresco, costero, relajado

Ideal para: moodboard de cocina

El blanco cáscara de huevo y el amarillo suave evocan una cocina costera bañada de sol. Usa el amarillo pálido en azulejos, textiles o pequeños toques de decoración, manteniendo gabinetes y paredes en limpio blanco. El tono vidrio marino aporta un contrapeso fresco que evita que el ambiente sea demasiado cálido. Consejo: elige acabados mate para una apariencia relajada y habitada.

Ejemplo de imagen de brisa de cáscara de huevo generado con media.io

13) Serif Oro Pálido

HEX: #fffefb #fff6dd #ffda5a #d5d0c6 #303030

Estado de ánimo: editorial, refinado, clásico

Ideal para: maquetación de revista

El dorado claro y los blancos nítidos evocan páginas editoriales premium y lujo silencioso. Combinaciones de amarillo y blanco como esta funcionan bien con titulares con serifas, líneas delgadas y fotografía discreta. Usa el dorado para citas destacadas, marcadores de sección y pequeños ornamentos, mejor que como fondo completo. Consejo: mantén márgenes generosos para que la paleta “respire” como en impresión.

Ejemplo de imagen de serif oro pálido generado con media.io

14) Acento Canario

HEX: #ffffff #fff5c7 #ffef6e #d7dbe2 #23262b

Estado de ánimo: juguetón, tecnológico, llamativo

Ideal para: landing page para saas

Acentos canarios juguetones sobre blanco limpio aportan energía tecnológica y alta, como un banner de lanzamiento. Usa el amarillo brillante con moderación para CTAs y microinteracciones, para que parezca intencionado, no ruidoso. El gris frío organiza las secciones y agudiza la presentación de capturas de pantalla. Consejo: prueba el amarillo en estados “hover” con un leve oscurecimiento para mejor profundidad.

Ejemplo de imagen de acento canario generado con media.io

15) Porcelana de Primavera

HEX: #ffffff #fff7e0 #ffd84f #cfd8c5 #4b4f46

Estado de ánimo: delicado, botánico, alegre

Ideal para: set de ilustraciones botánicas

Blancos de porcelana delicados con amarillo primavera evocan pétalos, polen y tallos frescos. Deja los tonos cremosos para el fondo, mientras el amarillo brillante marca centros de flores y puntos destacados. El gris verdoso suave funciona como follaje y trazados para mantener una composición natural. Consejo: usa texturas de acuarela para que las transiciones sean más suaves y no planas.

Ejemplo de imagen de porcelana de primavera generado con media.io

16) Marfil Soleado

HEX: #fffdf6 #fff1c9 #ffcf3f #b9c2c6 #2a2f33

Estado de ánimo: acogedor, brillante, profesional

Ideal para: tema de presentación corporativa

El marfil cálido con un amarillo soleado transmite un aire acogedor y profesional, como una sala de reuniones luminosa. Usa el amarillo intenso para aperturas de secciones y métricas clave, apoyándote en el gris azul frío para gráficos y etiquetas secundarias. El gris pizarra oscuro mantiene la nitidez del texto en diapositivas claras o tintadas. Consejo: aplica el amarillo solo a una serie de gráficos para guiar la atención.

Ejemplo de imagen de marfil soleado generado con media.io

17) Limón Brillante

HEX: #ffffff #fff6b8 #ffe600 #e0dfda #111111

Estado de ánimo: eléctrico, impactante, alto contraste

Ideal para: flyer de evento

El amarillo limón eléctrico aporta una energía vibrante, como luces de escenario y cáscara de cítrico fresca. Las combinaciones de amarillo y blanco como esta funcionan mejor con tipografías de alto contraste y formas simples. Usa el limón puro para la fecha o el lugar para que destaquen de un vistazo, y equilibra con espacio en blanco gris suave. Consejo: evita texto amarillo delgado sobre blanco y opta mejor por texto negro con detalles amarillos.

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

18) Hormigón de Natilla

HEX: #fffdf8 #fff2c1 #ffd15a #bfc3c7 #2c2c2c

Estado de ánimo: urbano, equilibrado, contemporáneo

Ideal para: portfolio web de arquitecto

La calidez de natilla frente al gris hormigón se siente urbana y contemporánea, como la luz del sol sobre superficies crudas. Usa el amarillo para resaltar la navegación o etiquetas de proyecto, manteniendo el resto en blanco y gris frío. El neutro oscuro va bien para pies de foto y detalles técnicos. Consejo: acompaña con espaciados de retícula y líneas delgadas para reforzar el tono arquitectónico.

Ejemplo de imagen de hormigón natilla generado con media.io

19) Arena Solar

HEX: #ffffff #fff3d6 #ffdb73 #d2c6b7 #3b332a

Estado de ánimo: soleado, terroso, relajado

Ideal para: cabecera de blog de viajes

Arena soleada y amarillo suave evocan dunas al atardecer y postales cálidas. Las combinaciones de blanco y amarillo aquí combinan bien con fotografía natural, texturas tostadas y detalles escritos a mano. Usa el marrón profundo en encabezados para lograr contraste cálido y firme. Consejo: pon el neutro arenoso detrás de textos sobre imágenes para que sigan siendo legibles.

Ejemplo de imagen de arena solar generado con media.io

20) Amarillo Neón Limpio

HEX: #ffffff #fff8cc #ffe84d #ccd6dd #1a222b

Estado de ánimo: nítido, deportivo, moderno

Ideal para: empaque de producto fitness

Blancos nítidos con amarillo neón aportan un aire deportivo y fresco, como un nuevo kit de entrenamiento. Usa el acento brillante para bandas de sabor, resaltado de dosificación o claims de desempeño, manteniendo la base limpia. El gris acero frío refuerza una impresión más técnica y lista para el gimnasio. Consejo: añade barniz UV en las áreas amarillas para que los claims destaquen bajo la luz.

Ejemplo de imagen de amarillo neón limpio generado con media.io

¿Qué colores combinan bien con el blanco y amarillo?

Blanco y amarillo funcionan bien con carbón, negro y gris pizarra profundo cuando necesitas buena legibilidad y un aire moderno—especialmente para texto UI, iconos y navegación. Esto también ayuda a que el amarillo parezca intencionado y no demasiado dulce.

Para ambientes suaves, añade grises cálidos, taupé, greige o neutros cremosos. Estos tonos mantienen la paleta cohesiva y consiguen que el amarillo parezca natural y soleado, en vez de neón.

Si buscas un equilibrio más fresco, acentos fríos como azul grisáceo, vidrio marino o verde apagado funcionan muy bien. Contrarrestan el calor del amarillo y crean un contraste actual y sereno.

Cómo usar una paleta blanco y amarillo en diseños reales

Usa blanco (o blanco roto) como color base, y aplica el amarillo solo a un pequeño número de “tareas de atención”: CTAs, estados activos, insignias, resaltados y cifras clave. Así el sistema se mantiene limpio y con energía.

En impresión y empaque, evita texto amarillo fino sobre blanco. Por el contrario, usa texto carbón o gris oscuro y el amarillo como bloque, subrayado, etiqueta o borde para garantizar legibilidad.

En interiores, mantén las áreas grandes en blanco (paredes, gabinetes, techos) e introduce el amarillo con textiles, arte o algún detalle puntual como un azulejo o un rincón pintado. Un neutro base (piedra, madera, negro mate) evita que el espacio sea demasiado brillante.

Crea visuales de paletas blanco y amarillo con IA

Si quieres previsualizar cómo lucirá una paleta blanco amarillo en una landing page, póster, invitación o anuncio, generar conceptos rápidos de imagen puede ahorrarte horas. También es una buena manera de probar “cuánto amarillo es demasiado” antes de decidir.

Con Text to Image de Media.io, puedes pegar un prompt, tener tus referencias de paleta cerca e iterar estilos de layouts (mínimo, editorial, juguetón, alto contraste) en minutos.

Siguiente: Paleta de colores azul denim