Black Howl
#221D2E
Likes
21
Farben
10
CSS-Variablen
:root {
--c-muted-1: #221D2E;
--c-muted-2: #708085;
--c-muted-3: #ADC1C7;
--c-muted-4: #F0F0E4;
--c-muted-5: #385C42;
--c-muted-6: #94A664;
--c-muted-7: #4D6285;
--c-muted-8: #79A7B5;
--c-muted-9: #874D6E;
--c-muted-10: #BFA07A;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Fog White (#F0F0E4) bis zum dunkelsten Ton Black Howl (#221D2E). Sie vereint Black Howl, Courtyard Blue, Feathery Blue, Fog White, Horsetail, Banana Palm, Indigo Navy Blue, Inner Sanctum, Twilight Lavender und Season Finale 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 #221D2E auf #F0F0E4 mit 14,25:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Courtyard Blue
#708085
Feathery Blue
#ADC1C7
Fog White
#F0F0E4
Horsetail
#385C42
Banana Palm
#94A664
Indigo Navy Blue
#4D6285
Inner Sanctum
#79A7B5
Twilight Lavender
#874D6E
Season Finale
#BFA07A
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#221D2E auf #F0F0E4
14,25:1
AAA
Aa
#221D2E auf #ADC1C7
8,75:1
AAA
Aa
#221D2E auf #BFA07A
6,64:1
AA
Aa
#F0F0E4 auf #385C42
6,58:1
AA
Aa
#221D2E auf #79A7B5
6,24:1
AA
Aa
#221D2E auf #94A664
6,15:1
AA
Aa
#F0F0E4 auf #874D6E
5,51:1
AA
Aa
#F0F0E4 auf #4D6285
5,38:1
AA
Aa
#ADC1C7 auf #385C42
4,04:1
AA (großer Text)
Aa
#221D2E auf #708085
3,99:1
AA (großer Text)
Aa
#708085 auf #F0F0E4
3,58:1
AA (großer Text)
Aa
#ADC1C7 auf #874D6E
3,39:1
AA (großer Text)
Aa
#ADC1C7 auf #4D6285
3,30:1
AA (großer Text)
Aa
#385C42 auf #BFA07A
3,07:1
AA (großer Text)
Aa
#385C42 auf #79A7B5
2,88:1
Nicht bestanden
Aa
#385C42 auf #94A664
2,84:1
Nicht bestanden
Aa
#221D2E auf #4D6285
2,65:1
Nicht bestanden
Aa
#221D2E auf #874D6E
2,58:1
Nicht bestanden
Aa
#874D6E auf #BFA07A
2,57:1
Nicht bestanden
Aa
#4D6285 auf #BFA07A
2,51:1
Nicht bestanden
Aa
#79A7B5 auf #874D6E
2,41:1
Nicht bestanden
Aa
#94A664 auf #874D6E
2,38:1
Nicht bestanden
Aa
#4D6285 auf #79A7B5
2,35:1
Nicht bestanden
Aa
#F0F0E4 auf #94A664
2,32:1
Nicht bestanden
Aa
#94A664 auf #4D6285
2,32:1
Nicht bestanden
Aa
#F0F0E4 auf #79A7B5
2,28:1
Nicht bestanden
Aa
#708085 auf #ADC1C7
2,20:1
Nicht bestanden
Aa
#221D2E auf #385C42
2,16:1
Nicht bestanden
Aa
#F0F0E4 auf #BFA07A
2,15:1
Nicht bestanden
Aa
#708085 auf #385C42
1,84:1
Nicht bestanden
Aa
#708085 auf #BFA07A
1,67:1
Nicht bestanden
Aa
#ADC1C7 auf #F0F0E4
1,63:1
Nicht bestanden
Aa
#708085 auf #79A7B5
1,57:1
Nicht bestanden
Aa
#708085 auf #94A664
1,54:1
Nicht bestanden
Aa
#708085 auf #874D6E
1,54:1
Nicht bestanden
Aa
#708085 auf #4D6285
1,50:1
Nicht bestanden
Aa
#ADC1C7 auf #94A664
1,42:1
Nicht bestanden
Aa
#ADC1C7 auf #79A7B5
1,40:1
Nicht bestanden
Aa
#ADC1C7 auf #BFA07A
1,32:1
Nicht bestanden
Aa
#385C42 auf #4D6285
1,22:1
Nicht bestanden
Aa
#385C42 auf #874D6E
1,19:1
Nicht bestanden
Aa
#94A664 auf #BFA07A
1,08:1
Nicht bestanden
Aa
#79A7B5 auf #BFA07A
1,06:1
Nicht bestanden
Aa
#4D6285 auf #874D6E
1,03:1
Nicht bestanden
Aa
#94A664 auf #79A7B5
1,01: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