Spirit Mountain
#6A8A99
Likes
22
Farben
11
CSS-Variablen
:root {
--c-muted-1: #6A8A99;
--c-muted-2: #84ADA7;
--c-muted-3: #AFCFC2;
--c-muted-4: #637F67;
--c-muted-5: #4E6E60;
--c-muted-6: #456356;
--c-muted-7: #2D434D;
--c-muted-8: #2B3E47;
--c-muted-9: #364D57;
--c-muted-10: #81967E;
--c-muted-11: #385450;
}Über diese Palette
Diese gedeckte Palette mit 11 Farben reicht vom hellsten Ton Watershed (#AFCFC2) bis zum dunkelsten Ton Pitch Cobalt (#2B3E47). Sie vereint Spirit Mountain, Lake Water, Watershed, Garden Greenery, Green Beret, Cucumber Green, Little Mermaid, Pitch Cobalt, Iron Head, Dinosaur und Bistro Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #AFCFC2 auf #2B3E47 mit 6,65:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Lake Water
#84ADA7
Watershed
#AFCFC2
Garden Greenery
#637F67
Green Beret
#4E6E60
Cucumber Green
#456356
Little Mermaid
#2D434D
Pitch Cobalt
#2B3E47
Iron Head
#364D57
Dinosaur
#81967E
Bistro Green
#385450
Kontrast & Barrierefreiheit
5 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#AFCFC2 auf #2B3E47
6,65:1
AA
Aa
#AFCFC2 auf #2D434D
6,20:1
AA
Aa
#AFCFC2 auf #364D57
5,32:1
AA
Aa
#AFCFC2 auf #385450
4,91:1
AA
Aa
#84ADA7 auf #2B3E47
4,52:1
AA
Aa
#84ADA7 auf #2D434D
4,21:1
AA (großer Text)
Aa
#AFCFC2 auf #456356
3,95:1
AA (großer Text)
Aa
#84ADA7 auf #364D57
3,61:1
AA (großer Text)
Aa
#2B3E47 auf #81967E
3,50:1
AA (großer Text)
Aa
#AFCFC2 auf #4E6E60
3,36:1
AA (großer Text)
Aa
#84ADA7 auf #385450
3,34:1
AA (großer Text)
Aa
#2D434D auf #81967E
3,26:1
AA (großer Text)
Aa
#6A8A99 auf #2B3E47
3,03:1
AA (großer Text)
Aa
#6A8A99 auf #2D434D
2,82:1
Nicht bestanden
Aa
#364D57 auf #81967E
2,80:1
Nicht bestanden
Aa
#84ADA7 auf #456356
2,68:1
Nicht bestanden
Aa
#AFCFC2 auf #637F67
2,63:1
Nicht bestanden
Aa
#81967E auf #385450
2,59:1
Nicht bestanden
Aa
#637F67 auf #2B3E47
2,53:1
Nicht bestanden
Aa
#6A8A99 auf #364D57
2,42:1
Nicht bestanden
Aa
#637F67 auf #2D434D
2,36:1
Nicht bestanden
Aa
#84ADA7 auf #4E6E60
2,29:1
Nicht bestanden
Aa
#6A8A99 auf #385450
2,24:1
Nicht bestanden
Aa
#6A8A99 auf #AFCFC2
2,19:1
Nicht bestanden
Aa
#456356 auf #81967E
2,08:1
Nicht bestanden
Aa
#637F67 auf #364D57
2,02:1
Nicht bestanden
Aa
#4E6E60 auf #2B3E47
1,98:1
Nicht bestanden
Aa
#AFCFC2 auf #81967E
1,90:1
Nicht bestanden
Aa
#637F67 auf #385450
1,87:1
Nicht bestanden
Aa
#4E6E60 auf #2D434D
1,84:1
Nicht bestanden
Aa
#6A8A99 auf #456356
1,80:1
Nicht bestanden
Aa
#84ADA7 auf #637F67
1,79:1
Nicht bestanden
Aa
#4E6E60 auf #81967E
1,77:1
Nicht bestanden
Aa
#456356 auf #2B3E47
1,68:1
Nicht bestanden
Aa
#4E6E60 auf #364D57
1,58:1
Nicht bestanden
Aa
#456356 auf #2D434D
1,57:1
Nicht bestanden
Aa
#6A8A99 auf #4E6E60
1,53:1
Nicht bestanden
Aa
#637F67 auf #456356
1,50:1
Nicht bestanden
Aa
#6A8A99 auf #84ADA7
1,49:1
Nicht bestanden
Aa
#84ADA7 auf #AFCFC2
1,47:1
Nicht bestanden
Aa
#4E6E60 auf #385450
1,46:1
Nicht bestanden
Aa
#637F67 auf #81967E
1,39:1
Nicht bestanden
Aa
#2B3E47 auf #385450
1,36:1
Nicht bestanden
Aa
#456356 auf #364D57
1,35:1
Nicht bestanden
Aa
#84ADA7 auf #81967E
1,29:1
Nicht bestanden
Aa
#637F67 auf #4E6E60
1,28:1
Nicht bestanden
Aa
#2D434D auf #385450
1,26:1
Nicht bestanden
Aa
#2B3E47 auf #364D57
1,25:1
Nicht bestanden
Aa
#456356 auf #385450
1,24:1
Nicht bestanden
Aa
#6A8A99 auf #637F67
1,20:1
Nicht bestanden
Aa
#4E6E60 auf #456356
1,17:1
Nicht bestanden
Aa
#2D434D auf #364D57
1,17:1
Nicht bestanden
Aa
#6A8A99 auf #81967E
1,16:1
Nicht bestanden
Aa
#364D57 auf #385450
1,08:1
Nicht bestanden
Aa
#2D434D auf #2B3E47
1,07: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