Startseite Farbpaletten Palette „Crystallise“ mit 4 Farben

Palette „Crystallise“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Crystallise“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Monochrom

Likes 7.219

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EDDFE0;
  --c-muted-2: #F5F5F7;
  --c-muted-3: #B7B7B7;
  --c-muted-4: #705C53;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F5F5F7) bis zum dunkelsten Ton Yorkshire Brown (#705C53). Sie vereint Crystallise, Gram’s Hair, Fortress Grey und Yorkshire Brown 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 #F5F5F7 auf #705C53 mit 5,77:1.

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

Farben im Detail

Crystallise #EDDFE0

RGB: rgb(237, 223, 224)
HSL: hsl(356, 28%, 90%)
Luminanz: 0,762

Gram’s Hair #F5F5F7

RGB: rgb(245, 245, 247)
HSL: hsl(240, 11%, 96%)
Luminanz: 0,914

Fortress Grey #B7B7B7

RGB: rgb(183, 183, 183)
HSL: hsl(0, 0%, 72%)
Luminanz: 0,474

Yorkshire Brown #705C53

RGB: rgb(112, 92, 83)
HSL: hsl(19, 15%, 38%)
Luminanz: 0,117

Kontrast & Barrierefreiheit

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

Aa #F5F5F7 auf #705C53 5,77:1 AA

Aa #EDDFE0 auf #705C53 4,85:1 AA

Aa #B7B7B7 auf #705C53 3,13:1 AA (großer Text)

Aa #F5F5F7 auf #B7B7B7 1,84:1 Nicht bestanden

Aa #EDDFE0 auf #B7B7B7 1,55:1 Nicht bestanden

Aa #EDDFE0 auf #F5F5F7 1,19:1 Nicht bestanden

Palette „Crystallise“ mit 4 Farben