Startseite Farbpaletten Palette „Avocado Green“ mit 4 Farben

Palette „Avocado Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Avocado Green“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom

Likes 4.394

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #556B2F;
  --c-muted-2: #8FA31E;
  --c-muted-3: #C6D870;
  --c-muted-4: #EFF5D2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Rice Flower (#EFF5D2) bis zum dunkelsten Ton Fig Leaf (#556B2F). Sie vereint Fig Leaf, Avocado Green, Cool as a Cucumber und Rice Flower 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 #556B2F auf #EFF5D2 mit 5,29:1.

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

Farben im Detail

Fig Leaf #556B2F

RGB: rgb(85, 107, 47)
HSL: hsl(82, 39%, 30%)
Luminanz: 0,127

Avocado Green #8FA31E

RGB: rgb(143, 163, 30)
HSL: hsl(69, 69%, 38%)
Luminanz: 0,321

Cool as a Cucumber #C6D870

RGB: rgb(198, 216, 112)
HSL: hsl(70, 57%, 64%)
Luminanz: 0,623

Rice Flower #EFF5D2

RGB: rgb(239, 245, 210)
HSL: hsl(70, 64%, 89%)
Luminanz: 0,883

Kontrast & Barrierefreiheit

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

Aa #556B2F auf #EFF5D2 5,29:1 AA

Aa #556B2F auf #C6D870 3,81:1 AA (großer Text)

Aa #8FA31E auf #EFF5D2 2,51:1 Nicht bestanden

Aa #556B2F auf #8FA31E 2,10:1 Nicht bestanden

Aa #8FA31E auf #C6D870 1,81:1 Nicht bestanden

Aa #C6D870 auf #EFF5D2 1,39:1 Nicht bestanden

Palette „Avocado Green“ mit 4 Farben