Mona

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Mona

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 6 Farben Warm Gemischt Analog 6

Likes 15

Farben 6

CSS-Variablen

:root {
  --c-muted-1: #5B404E;
  --c-muted-2: #775A5F;
  --c-muted-3: #8E7470;
  --c-muted-4: #AC9B90;
  --c-muted-5: #D2CCB8;
  --c-muted-6: #EEEEE1;
}

Über diese Palette

Diese gedeckte Palette mit 6 Farben reicht vom hellsten Ton Pearl Onion (#EEEEE1) bis zum dunkelsten Ton Majestic (#5B404E). Sie vereint Majestic, Falcon Wing, Bitter Briar, Wool Coat, Ancient Marble und Pearl Onion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5B404E auf #EEEEE1 mit 7,85:1.

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

Farben im Detail

Majestic #5B404E

RGB: rgb(91, 64, 78)
HSL: hsl(329, 17%, 30%)
Luminanz: 0,064

Falcon Wing #775A5F

RGB: rgb(119, 90, 95)
HSL: hsl(350, 14%, 41%)
Luminanz: 0,121

Bitter Briar #8E7470

RGB: rgb(142, 116, 112)
HSL: hsl(8, 12%, 50%)
Luminanz: 0,194

Wool Coat #AC9B90

RGB: rgb(172, 155, 144)
HSL: hsl(24, 14%, 62%)
Luminanz: 0,342

Ancient Marble #D2CCB8

RGB: rgb(210, 204, 184)
HSL: hsl(46, 22%, 77%)
Luminanz: 0,604

Pearl Onion #EEEEE1

RGB: rgb(238, 238, 225)
HSL: hsl(60, 28%, 91%)
Luminanz: 0,848

Kontrast & Barrierefreiheit

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

Aa #5B404E auf #EEEEE1 7,85:1 AAA

Aa #5B404E auf #D2CCB8 5,71:1 AA

Aa #775A5F auf #EEEEE1 5,26:1 AA

Aa #775A5F auf #D2CCB8 3,83:1 AA (großer Text)

Aa #8E7470 auf #EEEEE1 3,68:1 AA (großer Text)

Aa #5B404E auf #AC9B90 3,43:1 AA (großer Text)

Aa #8E7470 auf #D2CCB8 2,68:1 Nicht bestanden

Aa #775A5F auf #AC9B90 2,30:1 Nicht bestanden

Aa #AC9B90 auf #EEEEE1 2,29:1 Nicht bestanden

Aa #5B404E auf #8E7470 2,13:1 Nicht bestanden

Aa #AC9B90 auf #D2CCB8 1,67:1 Nicht bestanden

Aa #8E7470 auf #AC9B90 1,61:1 Nicht bestanden

Aa #5B404E auf #775A5F 1,49:1 Nicht bestanden

Aa #775A5F auf #8E7470 1,43:1 Nicht bestanden

Aa #D2CCB8 auf #EEEEE1 1,37:1 Nicht bestanden

Mona

Mona

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen