HueOdyssey
Navigation öffnen
Deutsch
Für eine echte Anwendung entwickelt

Farbpaletten-Generator für Cafés

Entdecke Farbpaletten für Cafés mit sieben semantischen Rollen, geprüftem Kontrast, einer realistischen UI-Vorschau und HEX-Werten für CSS.

background#F7F1E8
surface#FFFDF8
secondary#A66A3F
primary#7C4A2D
accent#D4A85A
muted#75675D
text#2B211B

Warum diese Palette funktioniert

Café-Farben sollten Atmosphäre vermitteln und trotzdem auf Speisekarten, Schildern und Bestelloberflächen lesbar bleiben. Verbinde warme Grundtöne mit einem klaren Kontrast für Preise und Aktionen.

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

Eine Aktion führen lassen

Nutze die Primärfarbe für Handlungsaufforderungen und Links, nicht für jedes dekorative Element.

Lesekontrast schützen

Kombiniere Text nur mit Hintergründen und Flächen, die WCAG AA erfüllen.

Akzent gezielt einsetzen

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.