Startseite Farbpaletten Palette „Moss Gardens“ mit 4 Farben

Palette „Moss Gardens“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Moss Gardens“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Neutral Hell Monochrom

Likes 7.056

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #627254;
  --c-muted-2: #76885B;
  --c-muted-3: #DDDDDD;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Vineyard Green (#627254). Sie vereint Vineyard Green, Moss Gardens, Steam und Super Silver in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Vineyard Green #627254

RGB: rgb(98, 114, 84)
HSL: hsl(92, 15%, 39%)
Luminanz: 0,153

Moss Gardens #76885B

RGB: rgb(118, 136, 91)
HSL: hsl(84, 20%, 45%)
Luminanz: 0,222

Steam #DDDDDD

RGB: rgb(221, 221, 221)
HSL: hsl(0, 0%, 87%)
Luminanz: 0,723

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

0 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #627254 auf #EEEEEE 4,46:1 AA (großer Text)

Aa #627254 auf #DDDDDD 3,81:1 AA (großer Text)

Aa #76885B auf #EEEEEE 3,33:1 AA (großer Text)

Aa #76885B auf #DDDDDD 2,84:1 Nicht bestanden

Aa #627254 auf #76885B 1,34:1 Nicht bestanden

Aa #DDDDDD auf #EEEEEE 1,17:1 Nicht bestanden

Palette „Moss Gardens“ mit 4 Farben