Mudstone

Palette mit 8 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Mudstone

Palette mit 8 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Dunkel Komplementär polyphrog natural earth

Likes 48

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1B1611;
  --c-earthy-2: #1F253C;
  --c-earthy-3: #423C32;
  --c-earthy-4: #465D32;
  --c-earthy-5: #6E3F24;
  --c-earthy-6: #6B624E;
  --c-earthy-7: #90752E;
  --c-earthy-8: #CDA465;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Workbench (#CDA465) bis zum dunkelsten Ton Nightshade Berries (#1B1611). Sie vereint Nightshade Berries, Midnight Express, Blackish Brown, Woodman, Davao Durian, Classic Bronze, Marshy Green und Workbench 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 #1B1611 auf #CDA465 mit 7,78: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

Nightshade Berries #1B1611

RGB: rgb(27, 22, 17)
HSL: hsl(30, 23%, 9%)
Luminanz: 0,009

Midnight Express #1F253C

RGB: rgb(31, 37, 60)
HSL: hsl(228, 32%, 18%)
Luminanz: 0,019

Blackish Brown #423C32

RGB: rgb(66, 60, 50)
HSL: hsl(38, 14%, 23%)
Luminanz: 0,046

Woodman #465D32

RGB: rgb(70, 93, 50)
HSL: hsl(92, 30%, 28%)
Luminanz: 0,094

Davao Durian #6E3F24

RGB: rgb(110, 63, 36)
HSL: hsl(22, 51%, 29%)
Luminanz: 0,070

Classic Bronze #6B624E

RGB: rgb(107, 98, 78)
HSL: hsl(41, 16%, 36%)
Luminanz: 0,124

Marshy Green #90752E

RGB: rgb(144, 117, 46)
HSL: hsl(43, 52%, 37%)
Luminanz: 0,189

Workbench #CDA465

RGB: rgb(205, 164, 101)
HSL: hsl(36, 51%, 60%)
Luminanz: 0,405

Kontrast & Barrierefreiheit

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

Aa #1B1611 auf #CDA465 7,78:1 AAA

Aa #1F253C auf #CDA465 6,55:1 AA

Aa #423C32 auf #CDA465 4,73:1 AA

Aa #1B1611 auf #90752E 4,08:1 AA (großer Text)

Aa #6E3F24 auf #CDA465 3,79:1 AA (großer Text)

Aa #1F253C auf #90752E 3,44:1 AA (großer Text)

Aa #465D32 auf #CDA465 3,17:1 AA (großer Text)

Aa #1B1611 auf #6B624E 2,98:1 Nicht bestanden

Aa #6B624E auf #CDA465 2,61:1 Nicht bestanden

Aa #1F253C auf #6B624E 2,51:1 Nicht bestanden

Aa #423C32 auf #90752E 2,48:1 Nicht bestanden

Aa #1B1611 auf #465D32 2,46:1 Nicht bestanden

Aa #1F253C auf #465D32 2,07:1 Nicht bestanden

Aa #1B1611 auf #6E3F24 2,05:1 Nicht bestanden

Aa #6E3F24 auf #90752E 1,99:1 Nicht bestanden

Aa #90752E auf #CDA465 1,91:1 Nicht bestanden

Aa #423C32 auf #6B624E 1,81:1 Nicht bestanden

Aa #1F253C auf #6E3F24 1,73:1 Nicht bestanden

Aa #465D32 auf #90752E 1,66:1 Nicht bestanden

Aa #1B1611 auf #423C32 1,65:1 Nicht bestanden

Aa #423C32 auf #465D32 1,49:1 Nicht bestanden

Aa #6E3F24 auf #6B624E 1,45:1 Nicht bestanden

Aa #1F253C auf #423C32 1,39:1 Nicht bestanden

Aa #6B624E auf #90752E 1,37:1 Nicht bestanden

Aa #423C32 auf #6E3F24 1,25:1 Nicht bestanden

Aa #465D32 auf #6B624E 1,21:1 Nicht bestanden

Aa #465D32 auf #6E3F24 1,20:1 Nicht bestanden

Aa #1B1611 auf #1F253C 1,19:1 Nicht bestanden

Mudstone

Mudstone

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen