Startseite Farbpaletten Palette „Distilled Moss“ mit 4 Farben

Palette „Distilled Moss“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Distilled Moss“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 2.602

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #535238;
  --c-muted-2: #4BBB8B;
  --c-muted-3: #6DDABE;
  --c-muted-4: #C9FFC7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Distilled Moss (#C9FFC7) bis zum dunkelsten Ton Avocado Pear (#535238). Sie vereint Avocado Pear, Aragon Green, Beryl und Distilled Moss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #535238 auf #C9FFC7 mit 7,07:1.

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

Farben im Detail

Avocado Pear #535238

RGB: rgb(83, 82, 56)
HSL: hsl(58, 19%, 27%)
Luminanz: 0,082

Aragon Green #4BBB8B

RGB: rgb(75, 187, 139)
HSL: hsl(154, 45%, 51%)
Luminanz: 0,389

Beryl #6DDABE

RGB: rgb(109, 218, 190)
HSL: hsl(165, 60%, 64%)
Luminanz: 0,571

Distilled Moss #C9FFC7

RGB: rgb(201, 255, 199)
HSL: hsl(118, 100%, 89%)
Luminanz: 0,881

Kontrast & Barrierefreiheit

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

Aa #535238 auf #C9FFC7 7,07:1 AAA

Aa #535238 auf #6DDABE 4,72:1 AA

Aa #535238 auf #4BBB8B 3,34:1 AA (großer Text)

Aa #4BBB8B auf #C9FFC7 2,12:1 Nicht bestanden

Aa #6DDABE auf #C9FFC7 1,50:1 Nicht bestanden

Aa #4BBB8B auf #6DDABE 1,41:1 Nicht bestanden

Palette „Distilled Moss“ mit 4 Farben