Haiti
#2F2A35
Likes
151
Farben
10
CSS-Variablen
:root {
--c-muted-1: #2F2A35;
--c-muted-2: #443D38;
--c-muted-3: #625653;
--c-muted-4: #9A5D40;
--c-muted-5: #A98143;
--c-muted-6: #3B4262;
--c-muted-7: #6F7777;
--c-muted-8: #989DA0;
--c-muted-9: #C2B8A9;
--c-muted-10: #D9DBBA;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Apple Cucumber (#D9DBBA) bis zum dunkelsten Ton Haiti (#2F2A35). Sie vereint Haiti, Joesmithite, Pure Zeal, Harrison Rust, Walnut Shell, Church Blue, Volcanic Ash, Drizzling Mist, Bright Loam und Apple Cucumber in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F2A35 auf #D9DBBA mit 9,84:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Joesmithite
#443D38
Pure Zeal
#625653
Harrison Rust
#9A5D40
Walnut Shell
#A98143
Church Blue
#3B4262
Volcanic Ash
#6F7777
Drizzling Mist
#989DA0
Bright Loam
#C2B8A9
Apple Cucumber
#D9DBBA
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2F2A35 auf #D9DBBA
9,84:1
AAA
Aa
#443D38 auf #D9DBBA
7,51:1
AAA
Aa
#2F2A35 auf #C2B8A9
7,13:1
AAA
Aa
#3B4262 auf #D9DBBA
6,91:1
AA
Aa
#443D38 auf #C2B8A9
5,44:1
AA
Aa
#2F2A35 auf #989DA0
5,10:1
AA
Aa
#3B4262 auf #C2B8A9
5,01:1
AA
Aa
#625653 auf #D9DBBA
4,97:1
AA
Aa
#2F2A35 auf #A98143
3,93:1
AA (großer Text)
Aa
#443D38 auf #989DA0
3,89:1
AA (großer Text)
Aa
#9A5D40 auf #D9DBBA
3,69:1
AA (großer Text)
Aa
#625653 auf #C2B8A9
3,60:1
AA (großer Text)
Aa
#3B4262 auf #989DA0
3,58:1
AA (großer Text)
Aa
#6F7777 auf #D9DBBA
3,23:1
AA (großer Text)
Aa
#2F2A35 auf #6F7777
3,05:1
AA (großer Text)
Aa
#443D38 auf #A98143
3,00:1
AA (großer Text)
Aa
#A98143 auf #3B4262
2,76:1
Nicht bestanden
Aa
#2F2A35 auf #9A5D40
2,67:1
Nicht bestanden
Aa
#9A5D40 auf #C2B8A9
2,67:1
Nicht bestanden
Aa
#625653 auf #989DA0
2,58:1
Nicht bestanden
Aa
#A98143 auf #D9DBBA
2,50:1
Nicht bestanden
Aa
#6F7777 auf #C2B8A9
2,34:1
Nicht bestanden
Aa
#443D38 auf #6F7777
2,32:1
Nicht bestanden
Aa
#3B4262 auf #6F7777
2,14:1
Nicht bestanden
Aa
#443D38 auf #9A5D40
2,04:1
Nicht bestanden
Aa
#625653 auf #A98143
1,99:1
Nicht bestanden
Aa
#2F2A35 auf #625653
1,98:1
Nicht bestanden
Aa
#989DA0 auf #D9DBBA
1,93:1
Nicht bestanden
Aa
#9A5D40 auf #989DA0
1,91:1
Nicht bestanden
Aa
#9A5D40 auf #3B4262
1,87:1
Nicht bestanden
Aa
#A98143 auf #C2B8A9
1,81:1
Nicht bestanden
Aa
#6F7777 auf #989DA0
1,67:1
Nicht bestanden
Aa
#625653 auf #6F7777
1,54:1
Nicht bestanden
Aa
#443D38 auf #625653
1,51:1
Nicht bestanden
Aa
#9A5D40 auf #A98143
1,47:1
Nicht bestanden
Aa
#2F2A35 auf #3B4262
1,42:1
Nicht bestanden
Aa
#989DA0 auf #C2B8A9
1,40:1
Nicht bestanden
Aa
#625653 auf #3B4262
1,39:1
Nicht bestanden
Aa
#C2B8A9 auf #D9DBBA
1,38:1
Nicht bestanden
Aa
#625653 auf #9A5D40
1,35:1
Nicht bestanden
Aa
#2F2A35 auf #443D38
1,31:1
Nicht bestanden
Aa
#A98143 auf #989DA0
1,30:1
Nicht bestanden
Aa
#A98143 auf #6F7777
1,29:1
Nicht bestanden
Aa
#9A5D40 auf #6F7777
1,14:1
Nicht bestanden
Aa
#443D38 auf #3B4262
1,09:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50