HueOdysseyFarbpaletten mit Erdtönen
Entdecke Farbpaletten mit Erdtönen mit sieben semantischen Rollen, geprüftem Kontrast, einer realistischen UI-Vorschau und HEX-Werten für CSS.
Warum diese Palette funktioniert
Erdtöne vermitteln Nähe, wenn Grün-, Lehm- und Neutraltöne deutlich genug voneinander getrennt sind. Halte den Hintergrund hell und verwende den tiefsten Ton für Text und Struktur.
Die sieben Farben sind Hauptaktion, sekundärer Unterstützung, Akzent, Hintergrund, Fläche, Text und gedämpftem Inhalt zugeordnet. Diese Zuordnung macht die Palette über ein Moodboard hinaus nutzbar.
So setzt du sie ein
Nutze die Primärfarbe für Handlungsaufforderungen und Links, nicht für jedes dekorative Element.
Kombiniere Text nur mit Hintergründen und Flächen, die WCAG AA erfüllen.
Der Akzent eignet sich am besten für Badges, Hervorhebungen und Momente, die Aufmerksamkeit brauchen.
Verwandte Richtungen
Häufig gestellte Fragen
Darf ich diese Farben kommerziell verwenden?
Ja. HEX-Werte sind Farbdaten und keine lizenzierten Assets. Passe die Palette an deine Oberfläche und deinen Markenkontext an.
Erfüllt die Palette die WCAG-Anforderungen?
Die Textrolle wird auf Hintergrund und Fläche geprüft. Prüfe den Kontrast nach Änderungen an Farbe, Schrift, Größe oder Gewicht erneut.