La versión corta
- Un degradado lavanda mezcla morados pálidos y algo azulados, a menudo con blanco, rubor, melocotón o un azul suave.
- La lavanda se vuelve gris cuando sus paradas están demasiado desaturadas, y empalagosa cuando todas son rosa y violeta pastel.
- Un compañero cálido como el melocotón o la mantequilla, o un verde frío como la salvia, da carácter a la lavanda.
- El texto blanco no se lee sobre lavanda pálida; un ciruela profundo como #2e1065 sí.
- La lavanda va bien con bienestar, sueño, bodas, belleza y productos digitales tranquilos.
En esta página
Un degradado lavanda mezcla morados pálidos y suavemente azulados, normalmente de casi blanco a un lila delicado o a un azul pervinca. Transmite calma, ligereza y un punto de ensoñación, por eso lo adoran las marcas de bienestar, sueño, belleza y bodas. Dos cosas pueden salir mal: si le quitas demasiado color se vuelve gris polvoriento, y si le pones demasiado rosa se vuelve empalagoso. Mantén una parada claramente coloreada, combínala con un compañero cálido o verde y pon tus palabras en ciruela profundo.
Lavanda, lila, pervinca y malva
Los morados suaves tienen varios nombres y cada uno se inclina hacia un lado. Saber cuál quieres facilita la mezcla: la lavanda y la pervinca tiran al azul, el lila y el malva tiran al rosa.
Degradados lavanda pálidos
Son los más discretos, los más cercanos al blanco, para fondos que sostienen mucho texto: cartas de un salón de té, un boletín, las pantallas de bienvenida de una app. Apenas se notan, así que úsalos donde el protagonista es el contenido.
Degradados lila y pervinca
Un paso más profundo, la lavanda se convierte en un color claro y no en un tinte. De lila a pervinca obtienes una mezcla fría y moderna que luce bien en pantallas de móvil; de lila a orquídea es más cálida y romántica. Mantén ambos extremos con una luminosidad parecida y la mezcla seguirá suave.
Lavanda con melocotón, mantequilla o salvia
Sola, la lavanda puede resultar demasiado dulce. Un compañero de fuera de la familia del morado lo arregla. El melocotón y la mantequilla aportan calidez y hacen que la lavanda parezca la luz de primera hora de la tarde. La salvia añade algo maduro y botánico, por eso lavanda y salvia es una combinación tan popular en bodas. En estos tintes pálidos los colores opuestos se mezclan sin enturbiarse, porque hay poca saturación que perder. Los degradados pastel tratan ese principio en toda la rueda.
Degradados lavanda crepusculares
Llevar la lavanda hacia el violeta o el ciruela da el crepúsculo: aún suave arriba, intenso abajo. Funcionan para apps de sueño, marcas de velas, yoga nocturno, perfume y librerías. El extremo profundo también da al texto blanco un lugar donde apoyarse. Para toda la gama de morados más atrevidos, consulta los degradados morados.
Ideas de degradado lavanda que puedes publicar esta semana
A menudo se elige la lavanda porque resulta agradable y luego se usa sin plan. Estas son piezas concretas en las que de verdad ayuda:
- Una app de sueño o meditación: «Hora de dormir» como fondo de bienvenida, texto ciruela arriba y el botón en la zona de violeta profundo.
- Una publicación de floristería para el Día de la Madre en 1080×1350: «Lavanda y melocotón» con una sola frase: «Los pedidos cierran el jueves».
- Un lanzamiento de cuidado de la piel: «Bruma de lavanda» detrás de las fotos del producto, para que el envase lleve el color.
- Un banner de LinkedIn de terapeuta o coach en 1584×396: «Baño de pervinca» transmite calma y profesionalidad sin la frialdad del azul corporativo.
- Una lista de precios de spa en un cartel A4: «Lavanda y salvia» con texto berenjena, legible desde el otro lado del mostrador de recepción.
Cómo evitar una lavanda gris o empalagosa
Se vuelve gris o empalagosa
- Todas las paradas desaturadas, como
#e2e0e6 - Lavanda junto a gris frío
- Lavanda, rosa bebé y violeta a la vez
- Texto blanco sobre un lila pálido
Sigue suave y clara
- Al menos una parada con color claro, como
#c4b5fd - Lavanda junto a blanco cálido o crema
- Un solo compañero: melocotón, mantequilla o salvia
- Texto ciruela profundo en las zonas pálidas
Una comprobación útil: pon una muestra de gris puro junto a tu lavanda. Si te cuesta distinguirlas de un vistazo, sube el color un punto. Comprueba también en un móvil con poco brillo, donde los tintes muy pálidos se pierden con facilidad.
Texto sobre un degradado lavanda
La lavanda es muy clara, así que el texto blanco falla en casi toda ella: el blanco sobre lila #c4b5fd mide menos de 2 a 1. El ciruela profundo #2e1065 sobre el mismo lila mide más de 8 a 1 y mantiene el texto dentro de la familia del morado en lugar de la dureza del negro. Para un aspecto más suave sobre las lavandas más pálidas, un berenjena apagado como #3b2f4a sigue aprobando con holgura. Contraste de color y accesibilidad tiene los detalles.
Una invitación de 5×7 pulgadas a 300 ppp, en lavanda pálido con texto ciruela.
El mismo diseño como story para compartir la noticia, renderizado en su propio tamaño.
Con Pro, Gradiently puede llevar ese único diseño de la impresión a todos los tamaños de redes en un solo paso: el Mark se renderiza de nuevo en cada formato y la tinta automática elige texto claro u oscuro en cada línea a partir de la propia paleta del Mark. Para más sobre papelería, consulta las paletas de colores para bodas.
CSS de degradado lavanda
Por defecto, los navegadores mezclan los colores del degradado en sRGB, lo que puede apagar el centro de una mezcla entre dos tonos. Interpolar en OKLCH mantiene limpio el punto medio, y un hex de reserva cubre los navegadores sin soporte. Consulta los degradados CSS en OKLCH para ver la compatibilidad.
.card-lavender {
background: linear-gradient(135deg, #f5f3ff, #ddd6fe, #fde2cf);
color: #2e1065;
}
@supports (background: linear-gradient(in oklch, red, blue)) {
.card-lavender {
background: linear-gradient(in oklch 135deg, #f5f3ff, #ddd6fe, #fde2cf);
}
}Preguntas frecuentes
¿Cuál es el código hex de la lavanda?
El color CSS lavender es #e6e6fa, un morado azulado muy pálido. Muchos diseñadores usan versiones algo más intensas, como #e6e0f8 o #ddd6fe.
¿Qué colores combinan bien con un degradado lavanda?
Melocotón, amarillo mantequilla, verde salvia, crema y azul suave. Un ciruela profundo funciona bien para el texto.
¿Por qué mi degradado lavanda se ve gris?
Las paradas están demasiado desaturadas o junto a un gris frío. Da color claro al menos a una parada y combínala con blanco cálido en lugar de gris.
¿Qué diferencia hay entre lavanda y lila?
La lavanda tira ligeramente al azul y suele ser más pálida; el lila tira ligeramente al rosa y es algo más intenso.
¿Qué color de texto va sobre la lavanda?
Ciruela profundo o berenjena, como #2e1065. El texto blanco no supera el contraste sobre lavanda pálida.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil