Startseite Farbpaletten Twelve Fallen Leaves

Twelve Fallen Leaves

Palette mit 12 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Twelve Fallen Leaves

Palette mit 12 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 12 Farben Warm Gemischt Komplementär muted desaturated soundsdotzip versatile

Likes 93

Farben 12

CSS-Variablen

:root {
  --c-muted-1: #2E2626;
  --c-muted-2: #4B4B5E;
  --c-muted-3: #797D91;
  --c-muted-4: #9CB3B8;
  --c-muted-5: #B58B90;
  --c-muted-6: #80627E;
  --c-muted-7: #574744;
  --c-muted-8: #946663;
  --c-muted-9: #BF9A84;
  --c-muted-10: #D4C9BA;
  --c-muted-11: #A8A39D;
  --c-muted-12: #6D7A69;
}

Über diese Palette

Diese gedeckte Palette mit 12 Farben reicht vom hellsten Ton Understated (#D4C9BA) bis zum dunkelsten Ton Bokara Grey (#2E2626). Sie vereint Bokara Grey, Odyssey Grey, Seattle Haze, Ice Gull Grey Blue, Rose Tea, Grape Jelly, Shopping Bag, Roseland, Stuffing, Understated, Ashlite und Fir Spruce Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2E2626 auf #D4C9BA mit 9,05:1.

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

Farben im Detail

Bokara Grey #2E2626

RGB: rgb(46, 38, 38)
HSL: hsl(0, 10%, 16%)
Luminanz: 0,021

Odyssey Grey #4B4B5E

RGB: rgb(75, 75, 94)
HSL: hsl(240, 11%, 33%)
Luminanz: 0,073

Seattle Haze #797D91

RGB: rgb(121, 125, 145)
HSL: hsl(230, 10%, 52%)
Luminanz: 0,208

Ice Gull Grey Blue #9CB3B8

RGB: rgb(156, 179, 184)
HSL: hsl(191, 16%, 67%)
Luminanz: 0,428

Rose Tea #B58B90

RGB: rgb(181, 139, 144)
HSL: hsl(353, 22%, 63%)
Luminanz: 0,303

Grape Jelly #80627E

RGB: rgb(128, 98, 126)
HSL: hsl(304, 13%, 44%)
Luminanz: 0,148

Shopping Bag #574744

RGB: rgb(87, 71, 68)
HSL: hsl(9, 12%, 30%)
Luminanz: 0,070

Roseland #946663

RGB: rgb(148, 102, 99)
HSL: hsl(4, 20%, 48%)
Luminanz: 0,167

Stuffing #BF9A84

RGB: rgb(191, 154, 132)
HSL: hsl(22, 32%, 63%)
Luminanz: 0,359

Understated #D4C9BA

RGB: rgb(212, 201, 186)
HSL: hsl(35, 23%, 78%)
Luminanz: 0,593

Ashlite #A8A39D

RGB: rgb(168, 163, 157)
HSL: hsl(33, 6%, 64%)
Luminanz: 0,370

Fir Spruce Green #6D7A69

RGB: rgb(109, 122, 105)
HSL: hsl(106, 7%, 45%)
Luminanz: 0,182

Kontrast & Barrierefreiheit

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

Aa #2E2626 auf #D4C9BA 9,05:1 AAA

Aa #2E2626 auf #9CB3B8 6,72:1 AA

Aa #2E2626 auf #A8A39D 5,90:1 AA

Aa #2E2626 auf #BF9A84 5,75:1 AA

Aa #574744 auf #D4C9BA 5,38:1 AA

Aa #4B4B5E auf #D4C9BA 5,21:1 AA

Aa #2E2626 auf #B58B90 4,97:1 AA

Aa #9CB3B8 auf #574744 4,00:1 AA (großer Text)

Aa #4B4B5E auf #9CB3B8 3,87:1 AA (großer Text)

Aa #2E2626 auf #797D91 3,63:1 AA (großer Text)

Aa #574744 auf #A8A39D 3,51:1 AA (großer Text)

Aa #574744 auf #BF9A84 3,42:1 AA (großer Text)

Aa #4B4B5E auf #A8A39D 3,40:1 AA (großer Text)

Aa #4B4B5E auf #BF9A84 3,31:1 AA (großer Text)

Aa #2E2626 auf #6D7A69 3,26:1 AA (großer Text)

Aa #80627E auf #D4C9BA 3,24:1 AA (großer Text)

Aa #2E2626 auf #946663 3,05:1 AA (großer Text)

Aa #946663 auf #D4C9BA 2,96:1 Nicht bestanden

Aa #B58B90 auf #574744 2,95:1 Nicht bestanden

Aa #4B4B5E auf #B58B90 2,86:1 Nicht bestanden

Aa #2E2626 auf #80627E 2,79:1 Nicht bestanden

Aa #D4C9BA auf #6D7A69 2,77:1 Nicht bestanden

Aa #797D91 auf #D4C9BA 2,50:1 Nicht bestanden

Aa #9CB3B8 auf #80627E 2,41:1 Nicht bestanden

Aa #9CB3B8 auf #946663 2,20:1 Nicht bestanden

Aa #797D91 auf #574744 2,16:1 Nicht bestanden

Aa #80627E auf #A8A39D 2,12:1 Nicht bestanden

Aa #4B4B5E auf #797D91 2,09:1 Nicht bestanden

Aa #9CB3B8 auf #6D7A69 2,06:1 Nicht bestanden

Aa #80627E auf #BF9A84 2,06:1 Nicht bestanden

Aa #574744 auf #6D7A69 1,94:1 Nicht bestanden

Aa #946663 auf #A8A39D 1,93:1 Nicht bestanden

Aa #4B4B5E auf #6D7A69 1,88:1 Nicht bestanden

Aa #946663 auf #BF9A84 1,88:1 Nicht bestanden

Aa #797D91 auf #9CB3B8 1,85:1 Nicht bestanden

Aa #B58B90 auf #D4C9BA 1,82:1 Nicht bestanden

Aa #574744 auf #946663 1,82:1 Nicht bestanden

Aa #A8A39D auf #6D7A69 1,81:1 Nicht bestanden

Aa #B58B90 auf #80627E 1,78:1 Nicht bestanden

Aa #4B4B5E auf #946663 1,76:1 Nicht bestanden

Aa #BF9A84 auf #6D7A69 1,76:1 Nicht bestanden

Aa #2E2626 auf #4B4B5E 1,74:1 Nicht bestanden

Aa #2E2626 auf #574744 1,68:1 Nicht bestanden

Aa #80627E auf #574744 1,66:1 Nicht bestanden

Aa #797D91 auf #A8A39D 1,63:1 Nicht bestanden

Aa #B58B90 auf #946663 1,63:1 Nicht bestanden

Aa #4B4B5E auf #80627E 1,61:1 Nicht bestanden

Aa #797D91 auf #BF9A84 1,58:1 Nicht bestanden

Aa #BF9A84 auf #D4C9BA 1,57:1 Nicht bestanden

Aa #D4C9BA auf #A8A39D 1,53:1 Nicht bestanden

Aa #B58B90 auf #6D7A69 1,52:1 Nicht bestanden

Aa #797D91 auf #B58B90 1,37:1 Nicht bestanden

Aa #9CB3B8 auf #B58B90 1,35:1 Nicht bestanden

Aa #9CB3B8 auf #D4C9BA 1,35:1 Nicht bestanden

Aa #797D91 auf #80627E 1,30:1 Nicht bestanden

Aa #797D91 auf #946663 1,19:1 Nicht bestanden

Aa #B58B90 auf #A8A39D 1,19:1 Nicht bestanden

Aa #9CB3B8 auf #BF9A84 1,17:1 Nicht bestanden

Aa #80627E auf #6D7A69 1,17:1 Nicht bestanden

Aa #B58B90 auf #BF9A84 1,16:1 Nicht bestanden

Aa #9CB3B8 auf #A8A39D 1,14:1 Nicht bestanden

Aa #797D91 auf #6D7A69 1,11:1 Nicht bestanden

Aa #80627E auf #946663 1,09:1 Nicht bestanden

Aa #946663 auf #6D7A69 1,07:1 Nicht bestanden

Aa #4B4B5E auf #574744 1,03:1 Nicht bestanden

Aa #BF9A84 auf #A8A39D 1,03:1 Nicht bestanden

Twelve Fallen Leaves