Startseite Farbpaletten Palette „Mellow Sun“ mit 4 Farben

Palette „Mellow Sun“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mellow Sun“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Triadisch

Likes 6.378

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #CEE5D0;
  --c-muted-2: #F3F0D7;
  --c-muted-3: #F7D59C;
  --c-muted-4: #5E454B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Good Graces (#F3F0D7) bis zum dunkelsten Ton Dark Berry (#5E454B). Sie vereint Herbal Mist, Good Graces, Mellow Sun und Dark Berry in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F3F0D7 auf #5E454B mit 7,52:1.

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

Farben im Detail

Herbal Mist #CEE5D0

RGB: rgb(206, 229, 208)
HSL: hsl(125, 31%, 85%)
Luminanz: 0,737

Good Graces #F3F0D7

RGB: rgb(243, 240, 215)
HSL: hsl(54, 54%, 90%)
Luminanz: 0,863

Mellow Sun #F7D59C

RGB: rgb(247, 213, 156)
HSL: hsl(38, 85%, 79%)
Luminanz: 0,698

Dark Berry #5E454B

RGB: rgb(94, 69, 75)
HSL: hsl(346, 15%, 32%)
Luminanz: 0,071

Kontrast & Barrierefreiheit

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

Aa #F3F0D7 auf #5E454B 7,52:1 AAA

Aa #CEE5D0 auf #5E454B 6,48:1 AA

Aa #F7D59C auf #5E454B 6,16:1 AA

Aa #F3F0D7 auf #F7D59C 1,22:1 Nicht bestanden

Aa #CEE5D0 auf #F3F0D7 1,16:1 Nicht bestanden

Aa #CEE5D0 auf #F7D59C 1,05:1 Nicht bestanden

Palette „Mellow Sun“ mit 4 Farben