Moth4

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Moth4

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Erdig 4 Farben Warm Gemischt Monochrom 4

Likes 10

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #D3BE8A;
  --c-earthy-3: #726244;
  --c-earthy-4: #35190F;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Darkroom (#35190F). Sie vereint White, Dry Leaf, Tree Swing und Darkroom 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 #FFFFFF auf #35190F mit 16,19: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

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Dry Leaf #D3BE8A

RGB: rgb(211, 190, 138)
HSL: hsl(43, 45%, 68%)
Luminanz: 0,525

Tree Swing #726244

RGB: rgb(114, 98, 68)
HSL: hsl(39, 25%, 36%)
Luminanz: 0,127

Darkroom #35190F

RGB: rgb(53, 25, 15)
HSL: hsl(16, 56%, 13%)
Luminanz: 0,015

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #35190F 16,19:1 AAA

Aa #D3BE8A auf #35190F 8,87:1 AAA

Aa #FFFFFF auf #726244 5,92:1 AA

Aa #D3BE8A auf #726244 3,24:1 AA (großer Text)

Aa #726244 auf #35190F 2,73:1 Nicht bestanden

Aa #FFFFFF auf #D3BE8A 1,83:1 Nicht bestanden

Moth4

Moth4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen