Warm Ochre

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

Zurück zur Bibliothek

Warm Ochre

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Monochrom fall gameboy autumn ochre

Likes 25

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #242021;
  --c-earthy-2: #93722D;
  --c-earthy-3: #CBAE70;
  --c-earthy-4: #EEE6CF;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Atlas White (#EEE6CF) bis zum dunkelsten Ton Eye Patch (#242021). Sie vereint Eye Patch, Dirt Yellow, Putty und Atlas White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #242021 auf #EEE6CF mit 12,93: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

Eye Patch #242021

RGB: rgb(36, 32, 33)
HSL: hsl(345, 6%, 13%)
Luminanz: 0,015

Dirt Yellow #93722D

RGB: rgb(147, 114, 45)
HSL: hsl(41, 53%, 38%)
Luminanz: 0,184

Putty #CBAE70

RGB: rgb(203, 174, 112)
HSL: hsl(41, 47%, 62%)
Luminanz: 0,441

Atlas White #EEE6CF

RGB: rgb(238, 230, 207)
HSL: hsl(45, 48%, 87%)
Luminanz: 0,793

Kontrast & Barrierefreiheit

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

Aa #242021 auf #EEE6CF 12,93:1 AAA

Aa #242021 auf #CBAE70 7,54:1 AAA

Aa #93722D auf #EEE6CF 3,60:1 AA (großer Text)

Aa #242021 auf #93722D 3,59:1 AA (großer Text)

Aa #93722D auf #CBAE70 2,10:1 Nicht bestanden

Aa #CBAE70 auf #EEE6CF 1,72:1 Nicht bestanden

Warm Ochre

Warm Ochre

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen