Startseite Farbpaletten Palette „Vanilla Mocha“ mit 4 Farben

Palette „Vanilla Mocha“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Vanilla Mocha“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Analog

Likes 5.618

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #B5C18E;
  --c-pastel-2: #EADBC8;
  --c-pastel-3: #C7B7A3;
  --c-pastel-4: #F1F1F1;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Precious Pearls (#F1F1F1) bis zum dunkelsten Ton Sandy Toes (#C7B7A3). Sie vereint Gloaming Green, Vanilla Mocha, Sandy Toes und Precious Pearls 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ß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Gloaming Green #B5C18E

RGB: rgb(181, 193, 142)
HSL: hsl(74, 29%, 66%)
Luminanz: 0,499

Vanilla Mocha #EADBC8

RGB: rgb(234, 219, 200)
HSL: hsl(34, 45%, 85%)
Luminanz: 0,723

Sandy Toes #C7B7A3

RGB: rgb(199, 183, 163)
HSL: hsl(33, 24%, 71%)
Luminanz: 0,487

Precious Pearls #F1F1F1

RGB: rgb(241, 241, 241)
HSL: hsl(0, 0%, 95%)
Luminanz: 0,880

Kontrast & Barrierefreiheit

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

Aa #C7B7A3 auf #F1F1F1 1,73:1 Nicht bestanden

Aa #B5C18E auf #F1F1F1 1,69:1 Nicht bestanden

Aa #EADBC8 auf #C7B7A3 1,44:1 Nicht bestanden

Aa #B5C18E auf #EADBC8 1,41:1 Nicht bestanden

Aa #EADBC8 auf #F1F1F1 1,20:1 Nicht bestanden

Aa #B5C18E auf #C7B7A3 1,02:1 Nicht bestanden

Palette „Vanilla Mocha“ mit 4 Farben