Startseite Farbpaletten Palette „Lucky Potato“ mit 4 Farben

Palette „Lucky Potato“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lucky Potato“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 18.236

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #5F7161;
  --c-muted-2: #6D8B74;
  --c-muted-3: #EFEAD8;
  --c-muted-4: #D0C9C0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lucky Potato (#EFEAD8) bis zum dunkelsten Ton Army Canvas (#5F7161). Sie vereint Army Canvas, Capsella, Lucky Potato und Limed White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Army Canvas #5F7161

RGB: rgb(95, 113, 97)
HSL: hsl(127, 9%, 41%)
Luminanz: 0,151

Capsella #6D8B74

RGB: rgb(109, 139, 116)
HSL: hsl(134, 12%, 49%)
Luminanz: 0,230

Lucky Potato #EFEAD8

RGB: rgb(239, 234, 216)
HSL: hsl(47, 42%, 89%)
Luminanz: 0,822

Limed White #D0C9C0

RGB: rgb(208, 201, 192)
HSL: hsl(34, 15%, 78%)
Luminanz: 0,590

Kontrast & Barrierefreiheit

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

Aa #5F7161 auf #EFEAD8 4,33:1 AA (großer Text)

Aa #5F7161 auf #D0C9C0 3,18:1 AA (großer Text)

Aa #6D8B74 auf #EFEAD8 3,12:1 AA (großer Text)

Aa #6D8B74 auf #D0C9C0 2,29:1 Nicht bestanden

Aa #5F7161 auf #6D8B74 1,39:1 Nicht bestanden

Aa #EFEAD8 auf #D0C9C0 1,36:1 Nicht bestanden

Palette „Lucky Potato“ mit 4 Farben