Farbkonzept Generator
Wählen Sie die Basisfarben. Die abgeleiteten Farben (Hover, hellere Variante, Rahmen usw.) werden automatisch berechnet und unten live angezeigt.
Basis-Farben einstellen
Grundstruktur
#fcf9f7
Primärer Hintergrund
Heller, warmer Grundton für Seitenhintergründe und große Flächen.
#f1ece8
Sekundärer Hintergrund
Abgesetzte Bereiche wie Boxen, Cards oder Info-Blöcke.
#d9d5d2
Linien & Rahmen
Dezente Trenner und Konturen ohne harten Kontrast.
Hauptfarben
#ca9b63
Primärfarbe
Markenfarbe für Buttons, Headlines, Icons, wichtige Links.
#b38654
Primär dunkel
Hover-Zustände, aktive Navigation, stärkere Betonung.
#e3bc89
Primär hell
Sanfte Flächen, Hintergründe, Hervorhebungen.
Sekundärfarben
#6a766c
Sekundärfarbe
Ruhige, seriöse Töne für Zwischenüberschriften, Icons, optische Anker.
#c96a4a
Akzentfarbe
Wärme und Fokus. Für wichtige Hinweise oder Callouts.
Neutraltöne
#212121
Text dunkel
Standard-Schriftfarbe auf hellem Grund. Hoher Kontrast, gut lesbar.
#ffffff
Text hell / invertiert
Schriftfarbe auf dunklen oder farbigen Flächen.
Buttons & Interaktive Elemente
#ca9b63
Button (Standard)
Primärer Call-to-Action-Button.
#b38654
Button Hover / Aktiv
Dunklerer Zustand bei Hover oder aktivem Klick.
#c96a4a
Call-to-Action
Stärkerer visueller Impuls für besonders wichtige Aktionen (z. B. Termin anfragen).
