Startseite Farbpaletten Palette „Pastoral“ mit 4 Farben

Palette „Pastoral“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Pastoral“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 3.466

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E9FADD;
  --c-muted-2: #B8E4C9;
  --c-muted-3: #3F5468;
  --c-muted-4: #42291C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pastoral (#E9FADD) bis zum dunkelsten Ton Night Brown (#42291C). Sie vereint Pastoral, Spearmints, Midnight Mosaic und Night Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E9FADD auf #42291C mit 12,25:1.

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

Farben im Detail

Pastoral #E9FADD

RGB: rgb(233, 250, 221)
HSL: hsl(95, 74%, 92%)
Luminanz: 0,909

Spearmints #B8E4C9

RGB: rgb(184, 228, 201)
HSL: hsl(143, 45%, 81%)
Luminanz: 0,699

Midnight Mosaic #3F5468

RGB: rgb(63, 84, 104)
HSL: hsl(209, 25%, 33%)
Luminanz: 0,084

Night Brown #42291C

RGB: rgb(66, 41, 28)
HSL: hsl(21, 40%, 18%)
Luminanz: 0,028

Kontrast & Barrierefreiheit

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

Aa #E9FADD auf #42291C 12,25:1 AAA

Aa #B8E4C9 auf #42291C 9,57:1 AAA

Aa #E9FADD auf #3F5468 7,16:1 AAA

Aa #B8E4C9 auf #3F5468 5,59:1 AA

Aa #3F5468 auf #42291C 1,71:1 Nicht bestanden

Aa #E9FADD auf #B8E4C9 1,28:1 Nicht bestanden

Palette „Pastoral“ mit 4 Farben