Erdig
Farbpalette Moorland
Gedämpftes Grün, Olive und Torfbraun.
Im Palettengenerator öffnenFarben sperren, mit der Leertaste neue Varianten würfeln und als Bild oder Code exportieren.
Farben
Ein Klick auf einen Wert kopiert ihn. Auf jedem Farbfeld steht der Wert in der Schriftfarbe, die darauf am besten lesbar ist.
Farbe 1
Text in Schwarz, Kontrast 15.1:1
Farbe 2
Text in Schwarz, Kontrast 8.2:1
Farbe 3
Text in Weiss, Kontrast 4.7:1
Farbe 4
Text in Weiss, Kontrast 7.2:1
Farbe 5
Text in Weiss, Kontrast 13.7:1
Code
Die Palette als CSS-Variablen für jedes Projekt und als Theme für Tailwind CSS v4.
CSS-Variablen
:root {
--palette-1: #d9dec1;
--palette-2: #95a982;
--palette-3: #5d7a62;
--palette-4: #715035;
--palette-5: #382b1d;
}
Tailwind-Theme
@theme {
--color-moorland-1: oklch(88.9% 0.039 115.1);
--color-moorland-2: oklch(70.9% 0.059 129.9);
--color-moorland-3: oklch(55% 0.05 149.7);
--color-moorland-4: oklch(46% 0.06 59.8);
--color-moorland-5: oklch(30% 0.03 68.3);
}
Verläufe aus dieser Palette
Dieselben Farben als Verlauf. Jede Karte öffnet den Editor mit diesen Farben.
Mit der Palette weiterarbeiten
Bearbeite die Palette oder baue aus ihrer kräftigsten Farbe eine ganze Skala.
So verwendest du die Palette
Lege die hellste Farbe als Hintergrund fest und nutze die dunkelste für Text. Die kräftigen Farben dazwischen eignen sich für Buttons, Links und Hervorhebungen. Prüfe bei Text immer den Kontrast; die Angaben auf den Farbfeldern zeigen, ob Schwarz oder Weiss besser lesbar ist.
Ähnliche Paletten
Alle FarbpalettenLehmofen
Sand, Ocker, gebrannter Ton und dunkles Braun für warme, handgemachte Marken.
Herbstwald
Goldgelb, Orange und Rostrot mit zwei Waldgrüntönen.
Rebberg
Rebblätter, Traubenrot und dunkle Erde, wie im Lavaux im Herbst.
Gewürzmarkt
Kurkuma, Paprika, Zimt und ein Zweig Salbei.
Sandstein
Fünf warme Beigetöne von hell bis dunkel, ideal für ruhige Oberflächen.
Zitronengras
Von Zitronengelb über Grasgrün bis Tannengrün.