Startseite Farbpaletten Palette „Cocoa Parfait“ mit 4 Farben

Palette „Cocoa Parfait“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cocoa Parfait“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 8.550

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3C4245;
  --c-muted-2: #5F6769;
  --c-muted-3: #719192;
  --c-muted-4: #DFCDC3;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cocoa Parfait (#DFCDC3) bis zum dunkelsten Ton Metropolitan Silhouette (#3C4245). Sie vereint Metropolitan Silhouette, Le Luxe, Mineral Blue und Cocoa Parfait 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 #3C4245 auf #DFCDC3 mit 6,64:1.

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

Farben im Detail

Metropolitan Silhouette #3C4245

RGB: rgb(60, 66, 69)
HSL: hsl(200, 7%, 25%)
Luminanz: 0,053

Le Luxe #5F6769

RGB: rgb(95, 103, 105)
HSL: hsl(192, 5%, 39%)
Luminanz: 0,132

Mineral Blue #719192

RGB: rgb(113, 145, 146)
HSL: hsl(182, 13%, 51%)
Luminanz: 0,258

Cocoa Parfait #DFCDC3

RGB: rgb(223, 205, 195)
HSL: hsl(21, 30%, 82%)
Luminanz: 0,633

Kontrast & Barrierefreiheit

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

Aa #3C4245 auf #DFCDC3 6,64:1 AA

Aa #5F6769 auf #DFCDC3 3,76:1 AA (großer Text)

Aa #3C4245 auf #719192 3,00:1 AA (großer Text)

Aa #719192 auf #DFCDC3 2,21:1 Nicht bestanden

Aa #3C4245 auf #5F6769 1,76:1 Nicht bestanden

Aa #5F6769 auf #719192 1,70:1 Nicht bestanden

Palette „Cocoa Parfait“ mit 4 Farben