Markt
Preise
AnmeldenLoslegen
LeitfadenFarbe
Farbe

Lavendel Farbverlauf: sanfte Violett-Codes

Lavendel ist Violett mit gedrosselter Lautstärke: ruhig, ein wenig verträumt, nie laut. Schwierig ist, ihn sanft zu halten, ohne dass er grau oder zuckrig wird. Diese Codes schaffen beides.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Low Surf · GR·P3X3·TK

Die Kurzfassung

  • Ein Lavendel Farbverlauf mischt helle, leicht bläuliche Violetttöne, oft mit Weiß, Rosé, Pfirsich oder einem sanften Blau.
  • Lavendel wird grau, wenn die Stopps zu wenig Sättigung haben, und zuckrig, wenn jeder Stopp ein Pastell aus Rosa und Violett ist.
  • Ein warmer Partner wie Pfirsich oder Butter, oder ein kühles Grün wie Salbei, gibt Lavendel Charakter.
  • Weißer Text ist auf hellem Lavendel kaum lesbar; ein tiefes Pflaumenviolett wie #2e1065 dagegen schon.
  • Lavendel passt zu Wellness, Schlaf, Hochzeiten, Beauty und ruhigen digitalen Produkten.
Auf dieser Seite
Lavendel, Flieder, Perlblau und MalveHelle Lavendel FarbverläufeFlieder- und Perlblau-VerläufeLavendel mit Pfirsich, Butter oder SalbeiDunkle Lavendel FarbverläufeLavendel Farbverlauf Ideen, die du diese Woche posten kannstGraue und zuckrige Lavendeltöne vermeidenText auf einem Lavendel FarbverlaufLavendel Farbverlauf CSS

Ein Lavendel Farbverlauf mischt helle, sanft bläuliche Violetttöne, meist von fast Weiß bis zu einem zarten Flieder oder Vergissmeinnichtblau. Er wirkt ruhig, leicht und ein wenig verträumt, weshalb Wellness-, Schlaf-, Beauty- und Hochzeitsmarken ihn lieben. Zwei Dinge gehen schnell schief: Nimmst du zu viel Farbe heraus, wird er staubig grau, nimmst du zu viel Rosa dazu, wird er zuckrig. Lass einen Stopp klar farbig, kombiniere ihn mit einem warmen oder grünen Partner und setze deine Worte in tiefes Pflaumenviolett.

Lavendel, Flieder, Perlblau und Malve

Sanfte Violetttöne haben viele Namen, und jeder neigt in eine andere Richtung. Wenn du weißt, welchen du willst, mischt es sich leichter: Lavendel und Perlblau neigen zu Blau, Flieder und Malve zu Rosa.

Die Familie der sanften Violetttöne und ein tiefes Pflaumenviolett für Schrift. Lavendel und Perlblau sind kühler, Orchidee und Malve wärmer.

Helle Lavendel Farbverläufe

Das sind die leisen, dem Weiß am nächsten, für Hintergründe mit viel Text: Speisekarten für ein Teehaus, ein Newsletter, die Onboarding-Screens einer App. Sie sind kaum da, setze sie also ein, wo der Inhalt im Mittelpunkt steht.

Fast weiße Lavendeltöne. Jeder behält einen Stopp mit echter Farbe, damit er nie grau wirkt.

Flieder- und Perlblau-Verläufe

Eine Stufe tiefer wird Lavendel zu einer klaren Farbe statt zu einem Hauch. Flieder zu Perlblau ergibt eine kühle, moderne Mischung, die auf Handybildschirmen gut aussieht; Flieder zu Orchidee ist wärmer und romantischer. Halte beide Enden ähnlich hell, dann bleibt der Verlauf weich.

Mittlere Lavendeltöne. Die bläulichen wirken digital und ruhig, die rosigen romantisch.

Lavendel mit Pfirsich, Butter oder Salbei

Allein kann Lavendel zu süß wirken. Ein Partner von außerhalb der Violettfamilie löst das. Pfirsich und Butter bringen Wärme und lassen Lavendel wie das Licht am frühen Abend wirken. Salbei bringt etwas Erwachsenes, Botanisches mit, weshalb Lavendel und Salbei eine so beliebte Hochzeitskombination ist. In diesen hellen Tönen lassen sich Gegenfarben mischen, ohne schlammig zu werden, weil kaum Sättigung zu verlieren ist. Pastell-Farbverläufe behandelt dieses Prinzip für den ganzen Farbkreis.

Lavendel mit Partner. Jeder wirkt weniger süß und mehr wie ein echter Ort oder eine echte Tageszeit.

Dunkle Lavendel Farbverläufe

Lässt du Lavendel in Violett oder Pflaume auslaufen, bekommst du Dämmerung: oben noch sanft, unten satt. Das funktioniert für Schlaf-Apps, Kerzenmarken, Abendyoga, Parfüm und Buchhandlungen. Am dunklen Ende hat außerdem weißer Text einen Platz. Für das ganze Spektrum kräftigerer Violetttöne sieh dir lila Farbverläufe an.

Lavendel oben, Pflaume unten. Setze Überschriften in der unteren Hälfte in Weiß oder in der oberen Hälfte in Pflaume.

Lavendel Farbverlauf Ideen, die du diese Woche posten kannst

Lavendel wird oft gewählt, weil er sich schön anfühlt, und dann ohne Plan benutzt. Hier sind konkrete Beispiele, bei denen er wirklich hilft:

  • Eine Schlaf- oder Meditations-App: „Schlafenszeit“ als Onboarding-Hintergrund, Pflaumentext oben, der Button im tiefvioletten Bereich.
  • Ein Muttertags-Post einer Floristin in 1080×1350: „Lavendel und Pfirsich“ mit einer Zeile: „Bestellschluss ist Donnerstag.“
  • Eine Hautpflege-Einführung: „Lavendelnebel“ hinter Produktfotos, damit die Verpackung die Farbe trägt.
  • Ein LinkedIn-Banner für Therapeutin oder Coach in 1584×396: „Perlblauer Hauch“ wirkt ruhig und professionell, ohne die Kälte von Firmenblau.
  • Eine Spa-Preisliste als A4-Plakat: „Lavendel und Salbei“ mit Auberginenschrift, lesbar quer durch den Empfangsraum.

Graue und zuckrige Lavendeltöne vermeiden

Wird grau oder zuckrig

  • Jeder Stopp entsättigt, wie #e2e0e6
  • Lavendel neben kühlem Grau
  • Lavendel, Babyrosa und Violett auf einmal
  • Weißer Text auf hellem Flieder

Bleibt sanft und klar

  • Mindestens ein Stopp mit klarer Farbe, wie #c4b5fd
  • Lavendel neben warmem Weiß oder Creme
  • Ein Partner: Pfirsich, Butter oder Salbei
  • Tiefer Pflaumentext über den hellen Flächen

Ein nützlicher Test: Lege ein reines Grau neben deinen Lavendel. Fällt es dir schwer, sie auf einen Blick zu unterscheiden, erhöhe die Farbe eine Stufe. Prüfe auch auf einem Handy bei niedriger Helligkeit, wo sehr helle Töne leicht untergehen.

Text auf einem Lavendel Farbverlauf

Lavendel ist sehr hell, deshalb scheitert weiße Schrift fast überall: Weiß auf Flieder #c4b5fd misst unter 2 zu 1. Tiefes Pflaumenviolett #2e1065 auf demselben Flieder misst über 8 zu 1 und hält den Text in der Violettfamilie, statt zur Härte von Schwarz zu greifen. Für einen weicheren Look auf den hellsten Lavendeltönen besteht ein gedämpftes Aubergine wie #3b2f4a noch locker. Farbkontrast und Barrierefreiheit nennt die Details.

Amara und Leo
Save the date.
14. Juni 2027, Hampton Court
Gradiently · @gradiently

Eine Einladung im Format 5×7 Zoll mit 300 dpi, in hellem Lavendel mit Pflaumenschrift.

Amara und Leo
Save the date.
14. Juni 2027, Hampton Court
Gradiently · @gradiently

Dasselbe Design als Story, um die Neuigkeit zu teilen, in seiner eigenen Größe gerendert.

Mit Pro kann Gradiently dieses eine Design in einem Schritt vom Druck auf jede Social-Größe übertragen: Der Mark wird in jedem Format neu gerendert, und Automatische Farbe wählt für jede Zeile helle oder dunkle Schrift aus der eigenen Palette des Marks. Mehr zur Papeterie findest du bei den Hochzeits-Farbpaletten.

Lavendel Farbverlauf CSS

Standardmäßig mischen Browser Verlaufsfarben im sRGB-Raum, was die Mitte einer Mischung zwischen zwei Farbtönen trüben kann. Die Interpolation in OKLCH hält die Mitte sauber, und ein Hex-Fallback deckt Browser ohne OKLCH ab. Die Unterstützung findest du unter CSS-Verläufe in OKLCH.

css
.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);
  }
}
Lavendelnebel zu sanftem Violett zu Pfirsich, mit Pflaumentext. Die OKLCH-Version hält den Verlauf in der Mitte leuchtend.

Gestalte mit einem lebendigen Farbverlauf

Posts, Stories, Folien und Banner in jedem Format, mit Text, der immer lesbar bleibt.

Kostenlos loslegen

Häufige Fragen

Wie lautet der Hex-Code für Lavendel?

Die CSS-Farbe lavender ist #e6e6fa, ein sehr helles Blauviolett. Viele Designer nehmen etwas kräftigere Varianten wie #e6e0f8 oder #ddd6fe.

Welche Farben passen zu einem Lavendel Farbverlauf?

Pfirsich, Butterblumengelb, Salbeigrün, Creme und sanftes Blau. Für Text eignet sich ein tiefes Pflaumenviolett.

Warum sieht mein Lavendel Farbverlauf grau aus?

Die Stopps sind zu wenig gesättigt oder liegen neben kühlem Grau. Gib mindestens einem Stopp klare Farbe und kombiniere ihn mit warmem Weiß statt Grau.

Was ist der Unterschied zwischen Lavendel und Flieder?

Lavendel neigt leicht zu Blau und ist meist heller; Flieder neigt leicht zu Rosa und ist etwas kräftiger.

Welche Textfarbe passt auf Lavendel?

Tiefes Pflaumenviolett oder Aubergine, etwa #2e1065. Weißer Text besteht den Kontrast auf hellem Lavendel nicht.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Lavendel, Flieder, Perlblau und MalveHelle Lavendel FarbverläufeFlieder- und Perlblau-VerläufeLavendel mit Pfirsich, Butter oder SalbeiDunkle Lavendel FarbverläufeLavendel Farbverlauf Ideen, die du diese Woche posten kannstGraue und zuckrige Lavendeltöne vermeidenText auf einem Lavendel FarbverlaufLavendel Farbverlauf CSS

Diesen Artikel teilen

Als Nächstes in Farbe

Mintgrün Farbverlauf: frische, helle Codes

Weiterlesen

Alle Artikel zu Farbe
Farbe

Lila Farbverläufe: Paletten, Codes und wie du sie einsetzt

5 Min. Lesezeit

Lila ist eine der meistgenutzten Verlaufsfarben im Web, und das macht es zu einer sicheren Wahl und zu einer, in der man leicht untergeht. Hier sind Paletten, die durchdacht wirken, mit den Codes zum Nutzen.

Farbverläufe

Pastell-Farbverläufe, die frisch bleiben statt zuckersüß

4 Min. Lesezeit

Pastelltöne sind die Verläufe, die man am leichtesten mag, und die, die man am leichtesten übertreibt. Ein paar Regeln sorgen dafür, dass sie wie Frühlingslicht auf Papier wirken statt wie eine Geburtstagstorte.

Farbe

Mintgrün Farbverlauf: frische, helle Codes

4 Min. Lesezeit

Mint ist die frischeste Farbe im Farbkreis und die am leichtesten zu verfehlende: eine Nuance zu kühl, und sie wirkt wie Zahnpasta oder ein Krankenhausflur. Hier sind helle Codes, die appetitlich bleiben.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently