Paletten für SaaS‑Dashboards & Markenlayouts
Stimmungsprofile verstärken typische Produkt‑Stories — Vertrauensblau für Fintech, mattschwarze Luxury-Journalen oder synthetische Verlaufsgeschichten für AI‑Landingpages.
Kostenloses Tool
Wähle Harmonie und Stimmung, sperre Lieblings-Farben, mische neu und exportiere HEX, RGB, HSL, PNG, CSS-Variablen, Tailwind, JSON, SCSS oder eine teilbare URL — ohne Upload.
Palette
Kreativ‑Arbeitsraum
Änderungen rechnen offline im Tab; Seeds sorgen dafür, dass geteilte URLs dieselben Zufälligkeiten rekonstruieren.
Primary
#4d688f
Weiße Schrift empfohlen · 5.69:1 AA‑gerechte Typo möglich
W 5.69 · B 3.69
Secondary
#7e7e94
Schwarze Schrift empfohlen · 5.30:1 AA‑gerechte Typo möglich
W 3.96 · B 5.30
Accent
#906f5d
Schwarze Schrift empfohlen · 4.62:1 AA‑gerechte Typo möglich
W 4.55 · B 4.62
Neutral · text
#1e2229
Weiße Schrift empfohlen · 15.96:1 AA‑gerechte Typo möglich
W 15.96 · B 1.32
Neutral · surface
#eff7ff
Schwarze Schrift empfohlen · 19.42:1 AA‑gerechte Typo möglich
W 1.08 · B 19.42
Recommended typography & borders
Acme Workspace
Revenue automation
Active
24.5k
Growth
3.2%
MRR
€12.4k
Analytics snapshot
Weiter mit Invoiceys Rechnern, Parsern und kostenlosem Factoring — neue Utilities folgen kontinuierlich.
Ablauf
Drei schnelle Schritte vom Input bis zum Ergebnis für Ihren Workflow.
Schritt 1
Wähle eine Harmonie (ausgewogen, komplementär, analog, triadisch, tetradisch oder split-komplementär) und eine Stimmung wie Pastell, Dark UI, Fintech-Vertrauen, Luxus-Neo oder Neon.
Schritt 2
Fixiere Marken-Assets pro Kachel, generiere nur offene Slots neu und beschreibe die Richtung per Stichwort (z. B. „Skandinavisches Spa‑Minimalismus“).
Schritt 3
Kopiere kommagetrennte HEX-Listen, `:root`-CSS mit Variablen, Tailwind‑`extend.colors`, strukturierte JSON-Paletten, SCSS‑Maps oder lade PNG-Streifen herunter — plus URL für Reviews.
Warum Teams es nutzen
Overview
Stimmungsprofile verstärken typische Produkt‑Stories — Vertrauensblau für Fintech, mattschwarze Luxury-Journalen oder synthetische Verlaufsgeschichten für AI‑Landingpages.
Tokens wandern ohne Copy‑Paste-Verlust zwischen Figma, VS Code Themes, Shopify-Sektionen, Laravel-Mailern und Experimenten für Storybook/Playgrounds.
Gründer ohne Color Scientist erhalten konsistentere Ergebnisse, weil Schlüsselworte subtil Sättigungs-/Jitter-Schwellen verschieben, statt dreißig Slider parallel zu drehen.
Antworten
Standard sind fünf harmonische Partner — gut für Grundflächen, Buttons, Datenvisualisierung oder Rechnungs-PDF-Skins. Teilbare Links können bis zu acht HEX-Werte kodieren.
CSS-Variablen, pragmatische Tailwind-Stubs, JSON-Paletten, SCSS‑Maps, flache HEX-Listen, Raster-PNGs für Pitch-Decks sowie eine URL für asynchrone Feedback-Runden.
Jede Probe zeigt, ob weißes oder schwarzes Fließtexte den höheren luminanzbasierten Kontrast erhält — damit erkennst du AAA/AA‑Risiken für Überschriftstypo und CTAs vor dem Deploy.
Kurze Creative-Briefs („Finanz Kobalt“, „Earthy FMCG“, „Synthwave Gaming“) verzerren Hue/Sättigung/Helligkeit — hilfreich, wenn Slider zu technisch wirken.
Teilbare URLs kodieren Reihenfolge, Harmonie‑Richtungen, Locks und Shuffle-Samen in den Query‑Parametern, sodass beim Öffnen derselbe Arbeitsraum rekonstruiert wird.
Mehr entdecken
Weitere kostenlose Utilities auf dem gleichen Niveau, ohne Registrierungszwang.