Startseite Farbpaletten Palette „Double Scoop“ mit 4 Farben

Palette „Double Scoop“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Double Scoop“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog

Likes 16.449

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #ECE3CE;
  --c-muted-2: #739072;
  --c-muted-3: #4F6F52;
  --c-muted-4: #3A4D39;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Double Scoop (#ECE3CE) bis zum dunkelsten Ton Mountain View (#3A4D39). Sie vereint Double Scoop, Toad, Medium Grey Green und Mountain View 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 #ECE3CE auf #3A4D39 mit 7,15:1.

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

Farben im Detail

Double Scoop #ECE3CE

RGB: rgb(236, 227, 206)
HSL: hsl(42, 44%, 87%)
Luminanz: 0,772

Toad #739072

RGB: rgb(115, 144, 114)
HSL: hsl(118, 12%, 51%)
Luminanz: 0,248

Medium Grey Green #4F6F52

RGB: rgb(79, 111, 82)
HSL: hsl(126, 17%, 37%)
Luminanz: 0,136

Mountain View #3A4D39

RGB: rgb(58, 77, 57)
HSL: hsl(117, 15%, 26%)
Luminanz: 0,065

Kontrast & Barrierefreiheit

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

Aa #ECE3CE auf #3A4D39 7,15:1 AAA

Aa #ECE3CE auf #4F6F52 4,41:1 AA (großer Text)

Aa #ECE3CE auf #739072 2,76:1 Nicht bestanden

Aa #739072 auf #3A4D39 2,59:1 Nicht bestanden

Aa #4F6F52 auf #3A4D39 1,62:1 Nicht bestanden

Aa #739072 auf #4F6F52 1,60:1 Nicht bestanden

Palette „Double Scoop“ mit 4 Farben