Deconstruction
#79736B
Likes
12
Farben
5
CSS-Variablen
:root {
--c-muted-1: #79736B;
--c-muted-2: #8D867D;
--c-muted-3: #A8A095;
--c-muted-4: #D0C9BF;
--c-muted-5: #F8F2EA;
}Über diese Palette
Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Shea (#F8F2EA) bis zum dunkelsten Ton Deconstruction (#79736B). Sie vereint Deconstruction, Mountain Smoke, True Taupewood, Fisherman Knit und Shea in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 10 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Mountain Smoke
#8D867D
True Taupewood
#A8A095
Fisherman Knit
#D0C9BF
Shea
#F8F2EA
Kontrast & Barrierefreiheit
0 von 10 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#79736B auf #F8F2EA
4,22:1
AA (großer Text)
Aa
#8D867D auf #F8F2EA
3,23:1
AA (großer Text)
Aa
#79736B auf #D0C9BF
2,86:1
Nicht bestanden
Aa
#A8A095 auf #F8F2EA
2,32:1
Nicht bestanden
Aa
#8D867D auf #D0C9BF
2,19:1
Nicht bestanden
Aa
#79736B auf #A8A095
1,82:1
Nicht bestanden
Aa
#A8A095 auf #D0C9BF
1,57:1
Nicht bestanden
Aa
#D0C9BF auf #F8F2EA
1,48:1
Nicht bestanden
Aa
#8D867D auf #A8A095
1,39:1
Nicht bestanden
Aa
#79736B auf #8D867D
1,30:1
Nicht bestanden
Ähnliche Paletten
#FFF5E4
#FFE3E1
#FFD1D1
#FF9494
#F9F5F6
#F8E8EE
#FDCEDF
#F2BED1
#FFC7C7
#FFE2E2
#F6F6F6
#8785A2
#AD8B73
#CEAB93
#E3CAA5
#FFFBE9
#F38181
#FCE38A
#EAFFD0
#95E1D3
#B7C4CF
#EEE3CB
#D7C0AE
#967E76
#FFEDDB
#EDCDBB
#E3B7A0
#BF9270
#8D7B68
#A4907C
#C8B6A6
#F1DEC9