Naggaroth Night
#3C3658
Likes
7
Farben
10
CSS-Variablen
:root {
--c-muted-1: #3C3658;
--c-muted-2: #5E475B;
--c-muted-3: #7D685F;
--c-muted-4: #A78547;
--c-muted-5: #B190B1;
--c-muted-6: #CBC8C7;
--c-muted-7: #7D7D7D;
--c-muted-8: #53A2AC;
--c-muted-9: #43925B;
--c-muted-10: #476361;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Gentle Rain (#CBC8C7) bis zum dunkelsten Ton Naggaroth Night (#3C3658). Sie vereint Naggaroth Night, Ripe Mulberry, Cocoa Milk, Kiss Candy, Metal Petal, Gentle Rain, Aged Moustache Grey, Flood Out, Alpine Herbs und Brochantite Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C3658 auf #CBC8C7 mit 6,79:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ripe Mulberry
#5E475B
Cocoa Milk
#7D685F
Kiss Candy
#A78547
Metal Petal
#B190B1
Gentle Rain
#CBC8C7
Aged Moustache Grey
#7D7D7D
Flood Out
#53A2AC
Alpine Herbs
#43925B
Brochantite Green
#476361
Kontrast & Barrierefreiheit
2 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#3C3658 auf #CBC8C7
6,79:1
AA
Aa
#5E475B auf #CBC8C7
4,99:1
AA
Aa
#3C3658 auf #B190B1
4,03:1
AA (großer Text)
Aa
#CBC8C7 auf #476361
3,91:1
AA (großer Text)
Aa
#3C3658 auf #53A2AC
3,83:1
AA (großer Text)
Aa
#3C3658 auf #A78547
3,27:1
AA (großer Text)
Aa
#7D685F auf #CBC8C7
3,14:1
AA (großer Text)
Aa
#3C3658 auf #43925B
2,96:1
Nicht bestanden
Aa
#5E475B auf #B190B1
2,96:1
Nicht bestanden
Aa
#5E475B auf #53A2AC
2,82:1
Nicht bestanden
Aa
#3C3658 auf #7D7D7D
2,74:1
Nicht bestanden
Aa
#CBC8C7 auf #7D7D7D
2,47:1
Nicht bestanden
Aa
#5E475B auf #A78547
2,41:1
Nicht bestanden
Aa
#B190B1 auf #476361
2,32:1
Nicht bestanden
Aa
#CBC8C7 auf #43925B
2,30:1
Nicht bestanden
Aa
#53A2AC auf #476361
2,21:1
Nicht bestanden
Aa
#5E475B auf #43925B
2,18:1
Nicht bestanden
Aa
#3C3658 auf #7D685F
2,16:1
Nicht bestanden
Aa
#A78547 auf #CBC8C7
2,07:1
Nicht bestanden
Aa
#5E475B auf #7D7D7D
2,02:1
Nicht bestanden
Aa
#A78547 auf #476361
1,89:1
Nicht bestanden
Aa
#7D685F auf #B190B1
1,87:1
Nicht bestanden
Aa
#7D685F auf #53A2AC
1,78:1
Nicht bestanden
Aa
#CBC8C7 auf #53A2AC
1,77:1
Nicht bestanden
Aa
#3C3658 auf #476361
1,73:1
Nicht bestanden
Aa
#43925B auf #476361
1,71:1
Nicht bestanden
Aa
#B190B1 auf #CBC8C7
1,68:1
Nicht bestanden
Aa
#5E475B auf #7D685F
1,59:1
Nicht bestanden
Aa
#7D7D7D auf #476361
1,58:1
Nicht bestanden
Aa
#7D685F auf #A78547
1,52:1
Nicht bestanden
Aa
#B190B1 auf #7D7D7D
1,47:1
Nicht bestanden
Aa
#7D7D7D auf #53A2AC
1,40:1
Nicht bestanden
Aa
#7D685F auf #43925B
1,37:1
Nicht bestanden
Aa
#3C3658 auf #5E475B
1,36:1
Nicht bestanden
Aa
#B190B1 auf #43925B
1,36:1
Nicht bestanden
Aa
#53A2AC auf #43925B
1,30:1
Nicht bestanden
Aa
#5E475B auf #476361
1,28:1
Nicht bestanden
Aa
#7D685F auf #7D7D7D
1,27:1
Nicht bestanden
Aa
#7D685F auf #476361
1,25:1
Nicht bestanden
Aa
#A78547 auf #B190B1
1,23:1
Nicht bestanden
Aa
#A78547 auf #7D7D7D
1,19:1
Nicht bestanden
Aa
#A78547 auf #53A2AC
1,17:1
Nicht bestanden
Aa
#A78547 auf #43925B
1,11:1
Nicht bestanden
Aa
#7D7D7D auf #43925B
1,08:1
Nicht bestanden
Aa
#B190B1 auf #53A2AC
1,05:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6