Startseite Farbpaletten Palette „Wintergreen Mint“ mit 4 Farben

Palette „Wintergreen Mint“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Wintergreen Mint“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Monochrom

Likes 8.139

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F4F9F4;
  --c-muted-2: #C4E3CB;
  --c-muted-3: #8AAE92;
  --c-muted-4: #616161;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Laundry White (#F4F9F4) bis zum dunkelsten Ton Kettleman (#616161). Sie vereint Laundry White, Wintergreen Mint, Monarch’s Cocoon und Kettleman 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 #F4F9F4 auf #616161 mit 5,81:1.

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

Farben im Detail

Laundry White #F4F9F4

RGB: rgb(244, 249, 244)
HSL: hsl(120, 29%, 97%)
Luminanz: 0,935

Wintergreen Mint #C4E3CB

RGB: rgb(196, 227, 203)
HSL: hsl(134, 36%, 83%)
Luminanz: 0,710

Monarch’s Cocoon #8AAE92

RGB: rgb(138, 174, 146)
HSL: hsl(133, 18%, 61%)
Luminanz: 0,378

Kettleman #616161

RGB: rgb(97, 97, 97)
HSL: hsl(0, 0%, 38%)
Luminanz: 0,120

Kontrast & Barrierefreiheit

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

Aa #F4F9F4 auf #616161 5,81:1 AA

Aa #C4E3CB auf #616161 4,48:1 AA (großer Text)

Aa #8AAE92 auf #616161 2,52:1 Nicht bestanden

Aa #F4F9F4 auf #8AAE92 2,30:1 Nicht bestanden

Aa #C4E3CB auf #8AAE92 1,78:1 Nicht bestanden

Aa #F4F9F4 auf #C4E3CB 1,30:1 Nicht bestanden

Palette „Wintergreen Mint“ mit 4 Farben