Sketchy

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

Zurück zur Bibliothek

Sketchy

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Monochrom 2bit paper

Likes 29

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #29201B;
  --c-earthy-2: #593C2D;
  --c-earthy-3: #AB8352;
  --c-earthy-4: #F1DCB1;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Precious (#F1DCB1) bis zum dunkelsten Ton Weathervane (#29201B). Sie vereint Weathervane, Real Brown, Muddy Waters und Precious 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 #29201B auf #F1DCB1 mit 11,86: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

Weathervane #29201B

RGB: rgb(41, 32, 27)
HSL: hsl(21, 21%, 13%)
Luminanz: 0,016

Real Brown #593C2D

RGB: rgb(89, 60, 45)
HSL: hsl(20, 33%, 26%)
Luminanz: 0,056

Muddy Waters #AB8352

RGB: rgb(171, 131, 82)
HSL: hsl(33, 35%, 50%)
Luminanz: 0,255

Precious #F1DCB1

RGB: rgb(241, 220, 177)
HSL: hsl(40, 70%, 82%)
Luminanz: 0,731

Kontrast & Barrierefreiheit

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

Aa #29201B auf #F1DCB1 11,86:1 AAA

Aa #593C2D auf #F1DCB1 7,40:1 AAA

Aa #29201B auf #AB8352 4,63:1 AA

Aa #593C2D auf #AB8352 2,89:1 Nicht bestanden

Aa #AB8352 auf #F1DCB1 2,56:1 Nicht bestanden

Aa #29201B auf #593C2D 1,60:1 Nicht bestanden

Sketchy

Sketchy

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen