Startseite Farbpaletten Palette „Minty Frosting“ mit 4 Farben

Palette „Minty Frosting“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Minty Frosting“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Hell Monochrom

Likes 5.943

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #96A78D;
  --c-muted-2: #B6CEB4;
  --c-muted-3: #D9E9CF;
  --c-muted-4: #F0F0F0;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Snowflake (#F0F0F0) bis zum dunkelsten Ton Zucchini Cream (#96A78D). Sie vereint Zucchini Cream, Lime Taffy, Minty Frosting und Snowflake in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Zucchini Cream #96A78D

RGB: rgb(150, 167, 141)
HSL: hsl(99, 13%, 60%)
Luminanz: 0,360

Lime Taffy #B6CEB4

RGB: rgb(182, 206, 180)
HSL: hsl(115, 21%, 76%)
Luminanz: 0,574

Minty Frosting #D9E9CF

RGB: rgb(217, 233, 207)
HSL: hsl(97, 37%, 86%)
Luminanz: 0,775

Snowflake #F0F0F0

RGB: rgb(240, 240, 240)
HSL: hsl(0, 0%, 94%)
Luminanz: 0,871

Kontrast & Barrierefreiheit

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

Aa #96A78D auf #F0F0F0 2,24:1 Nicht bestanden

Aa #96A78D auf #D9E9CF 2,01:1 Nicht bestanden

Aa #96A78D auf #B6CEB4 1,52:1 Nicht bestanden

Aa #B6CEB4 auf #F0F0F0 1,48:1 Nicht bestanden

Aa #B6CEB4 auf #D9E9CF 1,32:1 Nicht bestanden

Aa #D9E9CF auf #F0F0F0 1,12:1 Nicht bestanden

Palette „Minty Frosting“ mit 4 Farben