Maurice

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

Zurück zur Bibliothek

Maurice

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

Bearbeiten

Erdig 4 Farben Neutral Gemischt Komplementär froeu maurice

Likes 47

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #371F2F;
  --c-earthy-2: #235A5C;
  --c-earthy-3: #D88F8F;
  --c-earthy-4: #CED7E8;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Monet Lily (#CED7E8) bis zum dunkelsten Ton Zero Gravity (#371F2F). Sie vereint Zero Gravity, Bayberry, Juicy Peach und Monet Lily 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 #371F2F auf #CED7E8 mit 10,37:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Zero Gravity #371F2F

RGB: rgb(55, 31, 47)
HSL: hsl(320, 28%, 17%)
Luminanz: 0,020

Bayberry #235A5C

RGB: rgb(35, 90, 92)
HSL: hsl(182, 45%, 25%)
Luminanz: 0,084

Juicy Peach #D88F8F

RGB: rgb(216, 143, 143)
HSL: hsl(0, 48%, 70%)
Luminanz: 0,362

Monet Lily #CED7E8

RGB: rgb(206, 215, 232)
HSL: hsl(219, 36%, 86%)
Luminanz: 0,676

Kontrast & Barrierefreiheit

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

Aa #371F2F auf #CED7E8 10,37:1 AAA

Aa #371F2F auf #D88F8F 5,89:1 AA

Aa #235A5C auf #CED7E8 5,40:1 AA

Aa #235A5C auf #D88F8F 3,07:1 AA (großer Text)

Aa #371F2F auf #235A5C 1,92:1 Nicht bestanden

Aa #D88F8F auf #CED7E8 1,76:1 Nicht bestanden

Maurice

Maurice

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen