Resumindo
- Um degradê lavanda mistura roxos claros e levemente azulados, muitas vezes com branco, rosado, pêssego ou um azul suave.
- A lavanda fica cinza quando as paradas estão dessaturadas demais, e fica açucarada quando todas as paradas são rosa e violeta pastel.
- Uma parceira quente como pêssego ou amarelo manteiga, ou um verde frio como sálvia, dá personalidade à lavanda.
- Texto branco não fica legível sobre lavanda clara; um ameixa profundo como #2e1065 fica.
- A lavanda combina com bem-estar, sono, casamentos, beleza e produtos digitais tranquilos.
Nesta página
Um degradê lavanda mistura roxos claros e suavemente azulados, em geral de quase branco até um lilás delicado ou azul pervinca. Ele transmite calma, leveza e um quê de sonho, e por isso marcas de bem-estar, sono, beleza e casamento adoram. Duas coisas dão errado com ele: tire cor demais e ele vira um cinza empoeirado, coloque rosa demais e ele fica açucarado. Mantenha uma parada com cor nítida, combine com uma parceira quente ou verde e escreva suas palavras em ameixa profundo.
Lavanda, lilás, pervinca e malva
Os roxos suaves têm vários nomes, e cada um puxa para um lado. Saber qual você quer facilita a mistura: lavanda e pervinca puxam para o azul, lilás e malva puxam para o rosa.
Degradês lavanda claros
Estes são os discretos, os mais próximos do branco, para fundos que levam muito texto: o cardápio de uma casa de chá, uma newsletter, as telas de boas-vindas de um app. Eles quase não aparecem, então use onde o conteúdo é o que importa.
Degradês lilás e pervinca
Um passo mais fundo, a lavanda vira uma cor de verdade em vez de um tom. Lilás para pervinca dá uma mistura fria e moderna que fica ótima na tela do celular; lilás para orquídea é mais quente e romântico. Mantenha as duas pontas com luminosidade parecida e a mistura continua suave.
Lavanda com pêssego, manteiga ou sálvia
Sozinha, a lavanda pode parecer doce demais. Uma parceira de fora da família dos roxos resolve isso. Pêssego e amarelo manteiga trazem calor e fazem a lavanda lembrar a luz do começo da noite. Sálvia traz algo adulto e botânico, e é por isso que lavanda com sálvia é uma combinação tão popular em casamentos. Nesses tons claros, cores opostas se misturam sem embarrar, porque há pouca saturação a perder. Degradês pastel explica esse princípio no círculo cromático inteiro.
Degradês lavanda crepusculares
Levar a lavanda até o violeta ou o ameixa cria um crepúsculo: ainda suave no alto, intenso embaixo. Eles funcionam para apps de sono, marcas de velas, ioga noturna, perfumes e livrarias. A ponta escura também dá ao texto branco um lugar para ficar. Para a gama completa de roxos mais fortes, veja degradês roxos.
Ideias com degradê lavanda para postar esta semana
A lavanda costuma ser escolhida porque é agradável e depois usada sem plano nenhum. Estas são peças específicas em que ela realmente ajuda:
- Um app de sono ou meditação: “Hora de dormir” como fundo das telas de boas-vindas, texto ameixa no alto e o botão na área violeta escura.
- O post de Dia das Mães de uma floricultura em 1080×1350: “Lavanda e pêssego” com uma linha só, “Pedidos até quinta.”
- Um lançamento de skincare: “Névoa lavanda” atrás das fotos do produto, para que a embalagem leve a cor.
- O banner do LinkedIn de uma terapeuta ou coach em 1584×396: “Véu pervinca” passa calma e profissionalismo sem a frieza do azul corporativo.
- A tabela de preços de um spa em pôster A4: “Lavanda e sálvia” com texto berinjela, legível do outro lado da recepção.
Como evitar a lavanda cinza ou açucarada
Fica cinza ou açucarada
- Todas as paradas dessaturadas, como
#e2e0e6 - Lavanda ao lado de cinza frio
- Lavanda, rosa bebê e violeta ao mesmo tempo
- Texto branco sobre lilás claro
Continua suave e nítida
- Pelo menos uma parada com cor nítida, como
#c4b5fd - Lavanda ao lado de branco quente ou creme
- Uma parceira só: pêssego, manteiga ou sálvia
- Texto ameixa profundo nas áreas claras
Um teste útil: coloque uma amostra de cinza puro ao lado da sua lavanda. Se for difícil diferenciar as duas num relance, aumente a cor um pouco. Confira também no celular com o brilho baixo, onde tons muito claros se perdem com facilidade.
Texto sobre um degradê lavanda
A lavanda é muito clara, então texto branco falha em quase toda ela: branco sobre lilás #c4b5fd fica abaixo de 2 para 1. Ameixa profundo #2e1065 sobre o mesmo lilás passa de 8 para 1 e mantém o texto dentro da família dos roxos, sem a dureza do preto. Para um visual mais suave nas lavandas mais claras, um berinjela discreto como #3b2f4a ainda passa com folga. Contraste de cores e acessibilidade tem os detalhes.
Um convite de 5×7 polegadas a 300 dpi, em lavanda clara com texto ameixa.
O mesmo design como story para compartilhar a notícia, renderizado no próprio tamanho.
Com o Pro, o Gradiently leva esse único design da impressão para todos os tamanhos de redes sociais em um passo: o Mark é renderizado do zero em cada formato, e a tinta automática escolhe texto claro ou escuro por linha a partir da paleta do próprio Mark. Para saber mais sobre papelaria, veja paletas de cores para casamento.
CSS de degradê lavanda
Por padrão, os navegadores misturam as cores do degradê em sRGB, o que pode apagar o meio de uma mistura entre dois matizes. Interpolar em OKLCH mantém o ponto médio limpo, e um fallback em hex cobre os navegadores sem suporte. Veja degradês CSS em OKLCH para saber o suporte.
.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);
}
}Perguntas frequentes
Qual é o código hex da lavanda?
A cor nomeada lavender do CSS é #e6e6fa, um roxo azulado muito claro. Muitos designers usam versões um pouco mais ricas, como #e6e0f8 ou #ddd6fe.
Quais cores combinam com um degradê lavanda?
Pêssego, amarelo manteiga, verde sálvia, creme e azul suave. Um ameixa profundo funciona bem para o texto.
Por que meu degradê lavanda parece cinza?
As paradas estão dessaturadas demais ou ficam ao lado de um cinza frio. Dê cor nítida a pelo menos uma parada e combine com branco quente em vez de cinza.
Qual é a diferença entre lavanda e lilás?
A lavanda puxa levemente para o azul e costuma ser mais clara; o lilás puxa levemente para o rosa e é um pouco mais forte.
Qual cor de texto usar sobre lavanda?
Ameixa profundo ou berinjela, como #2e1065. Texto branco não passa no contraste sobre lavanda clara.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil