Blackm0ld

Palette mit 8 Farben · Warm · Dunkel · Harmonie: Monochrom

Zurück zur Bibliothek

Blackm0ld

Palette mit 8 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Monochrom

Bearbeiten

Erdig 8 Farben Warm Dunkel Monochrom black yellow mold black mold

Likes 36

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #101010;
  --c-earthy-2: #353334;
  --c-earthy-3: #4D4C43;
  --c-earthy-4: #727356;
  --c-earthy-5: #734D25;
  --c-earthy-6: #917421;
  --c-earthy-7: #B58B31;
  --c-earthy-8: #9D9E8A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Flagstone Quartzite (#9D9E8A) bis zum dunkelsten Ton Chaos Black (#101010). Sie vereint Chaos Black, Black Tortoise, Ruskin Bronze, Herb Cornucopia, Chocolate Rain, Mode Beige, Mineral Umber und Flagstone Quartzite in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #101010 auf #9D9E8A mit 6,97: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

Chaos Black #101010

RGB: rgb(16, 16, 16)
HSL: hsl(0, 0%, 6%)
Luminanz: 0,005

Black Tortoise #353334

RGB: rgb(53, 51, 52)
HSL: hsl(330, 2%, 20%)
Luminanz: 0,034

Ruskin Bronze #4D4C43

RGB: rgb(77, 76, 67)
HSL: hsl(54, 7%, 28%)
Luminanz: 0,072

Herb Cornucopia #727356

RGB: rgb(114, 115, 86)
HSL: hsl(62, 14%, 39%)
Luminanz: 0,165

Chocolate Rain #734D25

RGB: rgb(115, 77, 37)
HSL: hsl(31, 51%, 30%)
Luminanz: 0,091

Mode Beige #917421

RGB: rgb(145, 116, 33)
HSL: hsl(44, 63%, 35%)
Luminanz: 0,186

Mineral Umber #B58B31

RGB: rgb(181, 139, 49)
HSL: hsl(41, 57%, 45%)
Luminanz: 0,285

Flagstone Quartzite #9D9E8A

RGB: rgb(157, 158, 138)
HSL: hsl(63, 9%, 58%)
Luminanz: 0,335

Kontrast & Barrierefreiheit

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

Aa #101010 auf #9D9E8A 6,97:1 AA

Aa #101010 auf #B58B31 6,07:1 AA

Aa #353334 auf #9D9E8A 4,59:1 AA

Aa #101010 auf #917421 4,28:1 AA (großer Text)

Aa #353334 auf #B58B31 4,00:1 AA (großer Text)

Aa #101010 auf #727356 3,90:1 AA (großer Text)

Aa #4D4C43 auf #9D9E8A 3,16:1 AA (großer Text)

Aa #353334 auf #917421 2,82:1 Nicht bestanden

Aa #4D4C43 auf #B58B31 2,76:1 Nicht bestanden

Aa #734D25 auf #9D9E8A 2,73:1 Nicht bestanden

Aa #353334 auf #727356 2,57:1 Nicht bestanden

Aa #101010 auf #734D25 2,55:1 Nicht bestanden

Aa #734D25 auf #B58B31 2,38:1 Nicht bestanden

Aa #101010 auf #4D4C43 2,20:1 Nicht bestanden

Aa #4D4C43 auf #917421 1,94:1 Nicht bestanden

Aa #727356 auf #9D9E8A 1,79:1 Nicht bestanden

Aa #4D4C43 auf #727356 1,77:1 Nicht bestanden

Aa #353334 auf #734D25 1,68:1 Nicht bestanden

Aa #734D25 auf #917421 1,68:1 Nicht bestanden

Aa #917421 auf #9D9E8A 1,63:1 Nicht bestanden

Aa #727356 auf #B58B31 1,56:1 Nicht bestanden

Aa #727356 auf #734D25 1,53:1 Nicht bestanden

Aa #101010 auf #353334 1,52:1 Nicht bestanden

Aa #353334 auf #4D4C43 1,45:1 Nicht bestanden

Aa #917421 auf #B58B31 1,42:1 Nicht bestanden

Aa #4D4C43 auf #734D25 1,16:1 Nicht bestanden

Aa #B58B31 auf #9D9E8A 1,15:1 Nicht bestanden

Aa #727356 auf #917421 1,10:1 Nicht bestanden

Blackm0ld

Blackm0ld

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen