Startseite Farbpaletten Walk In The Woods 9

Walk In The Woods 9

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

Zurück zur Bibliothek

Walk In The Woods 9

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

Bearbeiten

Gedeckt 9 Farben Warm Gemischt Monochrom green dark brown light

Likes 28

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #292929;
  --c-muted-2: #58645B;
  --c-muted-3: #839788;
  --c-muted-4: #828072;
  --c-muted-5: #7A6E65;
  --c-muted-6: #BAA898;
  --c-muted-7: #D4C3B0;
  --c-muted-8: #EEE0CB;
  --c-muted-9: #AAB19E;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Scroll (#EEE0CB) bis zum dunkelsten Ton Chromaphobic Black (#292929). Sie vereint Chromaphobic Black, Imperial Palm, Pointed Cabbage Green, Gunsmith, Shadow Cliff, Fashion District, Autumn Haze, Scroll und Gargoyle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #292929 auf #EEE0CB mit 11,2:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Chromaphobic Black #292929

RGB: rgb(41, 41, 41)
HSL: hsl(0, 0%, 16%)
Luminanz: 0,022

Imperial Palm #58645B

RGB: rgb(88, 100, 91)
HSL: hsl(135, 6%, 37%)
Luminanz: 0,119

Pointed Cabbage Green #839788

RGB: rgb(131, 151, 136)
HSL: hsl(135, 9%, 55%)
Luminanz: 0,287

Gunsmith #828072

RGB: rgb(130, 128, 114)
HSL: hsl(53, 7%, 48%)
Luminanz: 0,214

Shadow Cliff #7A6E65

RGB: rgb(122, 110, 101)
HSL: hsl(26, 9%, 44%)
Luminanz: 0,162

Fashion District #BAA898

RGB: rgb(186, 168, 152)
HSL: hsl(28, 20%, 66%)
Luminanz: 0,407

Autumn Haze #D4C3B0

RGB: rgb(212, 195, 176)
HSL: hsl(32, 30%, 76%)
Luminanz: 0,562

Scroll #EEE0CB

RGB: rgb(238, 224, 203)
HSL: hsl(36, 51%, 86%)
Luminanz: 0,758

Gargoyle #AAB19E

RGB: rgb(170, 177, 158)
HSL: hsl(82, 11%, 66%)
Luminanz: 0,425

Kontrast & Barrierefreiheit

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

Aa #292929 auf #EEE0CB 11,20:1 AAA

Aa #292929 auf #D4C3B0 8,47:1 AAA

Aa #292929 auf #AAB19E 6,58:1 AA

Aa #292929 auf #BAA898 6,33:1 AA

Aa #58645B auf #EEE0CB 4,77:1 AA

Aa #292929 auf #839788 4,67:1 AA

Aa #7A6E65 auf #EEE0CB 3,81:1 AA (großer Text)

Aa #292929 auf #828072 3,66:1 AA (großer Text)

Aa #58645B auf #D4C3B0 3,61:1 AA (großer Text)

Aa #828072 auf #EEE0CB 3,06:1 AA (großer Text)

Aa #292929 auf #7A6E65 2,94:1 Nicht bestanden

Aa #7A6E65 auf #D4C3B0 2,88:1 Nicht bestanden

Aa #58645B auf #AAB19E 2,80:1 Nicht bestanden

Aa #58645B auf #BAA898 2,70:1 Nicht bestanden

Aa #839788 auf #EEE0CB 2,40:1 Nicht bestanden

Aa #292929 auf #58645B 2,35:1 Nicht bestanden

Aa #828072 auf #D4C3B0 2,32:1 Nicht bestanden

Aa #7A6E65 auf #AAB19E 2,24:1 Nicht bestanden

Aa #7A6E65 auf #BAA898 2,15:1 Nicht bestanden

Aa #58645B auf #839788 1,99:1 Nicht bestanden

Aa #839788 auf #D4C3B0 1,81:1 Nicht bestanden

Aa #828072 auf #AAB19E 1,80:1 Nicht bestanden

Aa #BAA898 auf #EEE0CB 1,77:1 Nicht bestanden

Aa #828072 auf #BAA898 1,73:1 Nicht bestanden

Aa #EEE0CB auf #AAB19E 1,70:1 Nicht bestanden

Aa #839788 auf #7A6E65 1,59:1 Nicht bestanden

Aa #58645B auf #828072 1,56:1 Nicht bestanden

Aa #839788 auf #AAB19E 1,41:1 Nicht bestanden

Aa #839788 auf #BAA898 1,35:1 Nicht bestanden

Aa #BAA898 auf #D4C3B0 1,34:1 Nicht bestanden

Aa #D4C3B0 auf #EEE0CB 1,32:1 Nicht bestanden

Aa #D4C3B0 auf #AAB19E 1,29:1 Nicht bestanden

Aa #839788 auf #828072 1,28:1 Nicht bestanden

Aa #58645B auf #7A6E65 1,25:1 Nicht bestanden

Aa #828072 auf #7A6E65 1,24:1 Nicht bestanden

Aa #BAA898 auf #AAB19E 1,04:1 Nicht bestanden

Walk In The Woods 9