Coliseum Marble
#CDC9B6
Likes
29
Farben
10
CSS-Variablen
:root {
--c-muted-1: #CDC9B6;
--c-muted-2: #8E8C82;
--c-muted-3: #504F49;
--c-muted-4: #131311;
--c-muted-5: #9BB5A4;
--c-muted-6: #6DA392;
--c-muted-7: #48907F;
--c-muted-8: #23937F;
--c-muted-9: #34665A;
--c-muted-10: #223C35;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Coliseum Marble (#CDC9B6) bis zum dunkelsten Ton Dark Veil (#131311). Sie vereint Coliseum Marble, Incognito, Dunes Manor, Dark Veil, Silver Leaf, Harmony in Green, Winter Green, Miami Jade, Plantain Green und Kōrainando Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CDC9B6 auf #131311 mit 11,18:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Incognito
#8E8C82
Dunes Manor
#504F49
Dark Veil
#131311
Silver Leaf
#9BB5A4
Harmony in Green
#6DA392
Winter Green
#48907F
Miami Jade
#23937F
Plantain Green
#34665A
Kōrainando Green
#223C35
Kontrast & Barrierefreiheit
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#CDC9B6 auf #131311
11,18:1
AAA
Aa
#131311 auf #9BB5A4
8,45:1
AAA
Aa
#CDC9B6 auf #223C35
7,15:1
AAA
Aa
#131311 auf #6DA392
6,47:1
AA
Aa
#8E8C82 auf #131311
5,51:1
AA
Aa
#9BB5A4 auf #223C35
5,40:1
AA
Aa
#CDC9B6 auf #504F49
4,94:1
AA
Aa
#131311 auf #48907F
4,94:1
AA
Aa
#131311 auf #23937F
4,92:1
AA
Aa
#6DA392 auf #223C35
4,14:1
AA (großer Text)
Aa
#CDC9B6 auf #34665A
3,95:1
AA (großer Text)
Aa
#504F49 auf #9BB5A4
3,73:1
AA (großer Text)
Aa
#8E8C82 auf #223C35
3,52:1
AA (großer Text)
Aa
#48907F auf #223C35
3,16:1
AA (großer Text)
Aa
#23937F auf #223C35
3,14:1
AA (großer Text)
Aa
#9BB5A4 auf #34665A
2,99:1
Nicht bestanden
Aa
#504F49 auf #6DA392
2,86:1
Nicht bestanden
Aa
#131311 auf #34665A
2,83:1
Nicht bestanden
Aa
#8E8C82 auf #504F49
2,44:1
Nicht bestanden
Aa
#6DA392 auf #34665A
2,29:1
Nicht bestanden
Aa
#CDC9B6 auf #48907F
2,27:1
Nicht bestanden
Aa
#CDC9B6 auf #23937F
2,27:1
Nicht bestanden
Aa
#504F49 auf #131311
2,26:1
Nicht bestanden
Aa
#504F49 auf #48907F
2,18:1
Nicht bestanden
Aa
#504F49 auf #23937F
2,17:1
Nicht bestanden
Aa
#CDC9B6 auf #8E8C82
2,03:1
Nicht bestanden
Aa
#8E8C82 auf #34665A
1,95:1
Nicht bestanden
Aa
#34665A auf #223C35
1,81:1
Nicht bestanden
Aa
#48907F auf #34665A
1,74:1
Nicht bestanden
Aa
#23937F auf #34665A
1,74:1
Nicht bestanden
Aa
#CDC9B6 auf #6DA392
1,73:1
Nicht bestanden
Aa
#9BB5A4 auf #23937F
1,72:1
Nicht bestanden
Aa
#9BB5A4 auf #48907F
1,71:1
Nicht bestanden
Aa
#131311 auf #223C35
1,56:1
Nicht bestanden
Aa
#8E8C82 auf #9BB5A4
1,53:1
Nicht bestanden
Aa
#504F49 auf #223C35
1,45:1
Nicht bestanden
Aa
#CDC9B6 auf #9BB5A4
1,32:1
Nicht bestanden
Aa
#6DA392 auf #23937F
1,32:1
Nicht bestanden
Aa
#9BB5A4 auf #6DA392
1,31:1
Nicht bestanden
Aa
#6DA392 auf #48907F
1,31:1
Nicht bestanden
Aa
#504F49 auf #34665A
1,25:1
Nicht bestanden
Aa
#8E8C82 auf #6DA392
1,17:1
Nicht bestanden
Aa
#8E8C82 auf #48907F
1,12:1
Nicht bestanden
Aa
#8E8C82 auf #23937F
1,12:1
Nicht bestanden
Aa
#48907F auf #23937F
1,00:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022