Startseite Farbpaletten Palette „Limestoned“ mit 4 Farben

Palette „Limestoned“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Limestoned“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 3.044

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E5F1E3;
  --c-muted-2: #A3CD9E;
  --c-muted-3: #529471;
  --c-muted-4: #35635B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Stone Path (#E5F1E3) bis zum dunkelsten Ton Royal Pine (#35635B). Sie vereint Stone Path, Limestoned, Fake Fern und Royal Pine 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 #E5F1E3 auf #35635B mit 5,84:1.

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

Farben im Detail

Stone Path #E5F1E3

RGB: rgb(229, 241, 227)
HSL: hsl(111, 33%, 92%)
Luminanz: 0,851

Limestoned #A3CD9E

RGB: rgb(163, 205, 158)
HSL: hsl(114, 32%, 71%)
Luminanz: 0,539

Fake Fern #529471

RGB: rgb(82, 148, 113)
HSL: hsl(148, 29%, 45%)
Luminanz: 0,242

Royal Pine #35635B

RGB: rgb(53, 99, 91)
HSL: hsl(170, 30%, 30%)
Luminanz: 0,104

Kontrast & Barrierefreiheit

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

Aa #E5F1E3 auf #35635B 5,84:1 AA

Aa #A3CD9E auf #35635B 3,82:1 AA (großer Text)

Aa #E5F1E3 auf #529471 3,09:1 AA (großer Text)

Aa #A3CD9E auf #529471 2,02:1 Nicht bestanden

Aa #529471 auf #35635B 1,89:1 Nicht bestanden

Aa #E5F1E3 auf #A3CD9E 1,53:1 Nicht bestanden

Palette „Limestoned“ mit 4 Farben