Startseite Farbpaletten Palette „Neutral Ground“ mit 4 Farben

Palette „Neutral Ground“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Neutral Ground“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 8.322

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E3D9CA;
  --c-muted-2: #95A792;
  --c-muted-3: #596C68;
  --c-muted-4: #403F48;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Neutral Ground (#E3D9CA) bis zum dunkelsten Ton Volcanic Sand (#403F48). Sie vereint Neutral Ground, Mantle, Meteorological und Volcanic Sand in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E3D9CA auf #403F48 mit 7,44:1.

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

Farben im Detail

Neutral Ground #E3D9CA

RGB: rgb(227, 217, 202)
HSL: hsl(36, 31%, 84%)
Luminanz: 0,702

Mantle #95A792

RGB: rgb(149, 167, 146)
HSL: hsl(111, 11%, 61%)
Luminanz: 0,361

Meteorological #596C68

RGB: rgb(89, 108, 104)
HSL: hsl(167, 10%, 39%)
Luminanz: 0,139

Volcanic Sand #403F48

RGB: rgb(64, 63, 72)
HSL: hsl(247, 7%, 26%)
Luminanz: 0,051

Kontrast & Barrierefreiheit

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

Aa #E3D9CA auf #403F48 7,44:1 AAA

Aa #95A792 auf #403F48 4,06:1 AA (großer Text)

Aa #E3D9CA auf #596C68 3,99:1 AA (großer Text)

Aa #95A792 auf #596C68 2,18:1 Nicht bestanden

Aa #596C68 auf #403F48 1,86:1 Nicht bestanden

Aa #E3D9CA auf #95A792 1,83:1 Nicht bestanden

Palette „Neutral Ground“ mit 4 Farben