Brooding Storm
#5C6C6E
Likes
58
Farben
4
CSS-Variablen
:root {
--c-muted-1: #5C6C6E;
--c-muted-2: #73AAC1;
--c-muted-3: #D5D8CE;
--c-muted-4: #EFEEE3;
}Über diese Palette
Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Crepe Silk White (#EFEEE3) bis zum dunkelsten Ton Brooding Storm (#5C6C6E). Sie vereint Brooding Storm, Moonstone Blue, Luna und Crepe Silk White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #5C6C6E auf #EFEEE3 mit 4,71:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Moonstone Blue
#73AAC1
Luna
#D5D8CE
Crepe Silk White
#EFEEE3
Kontrast & Barrierefreiheit
1 von 6 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#5C6C6E auf #EFEEE3
4,71:1
AA
Aa
#5C6C6E auf #D5D8CE
3,80:1
AA (großer Text)
Aa
#73AAC1 auf #EFEEE3
2,18:1
Nicht bestanden
Aa
#5C6C6E auf #73AAC1
2,16:1
Nicht bestanden
Aa
#73AAC1 auf #D5D8CE
1,76:1
Nicht bestanden
Aa
#D5D8CE auf #EFEEE3
1,24:1
Nicht bestanden
Ähnliche Paletten
#FFB6B9
#FAE3D9
#BBDED6
#61C0BF
#FCD1D1
#ECE2E1
#D3E0DC
#AEE1E1
#FFE6E6
#F2D1D1
#DAEAF1
#C6DCE4
#F5EFE6
#E8DFCA
#AEBDCA
#7895B2
#96B6C5
#ADC4CE
#EEE0C9
#F1F0E8
#FEFFDE
#DDFFBC
#91C788
#52734D
#A0C49D
#C4D7B2
#E1ECC8
#F7FFE5
#618264
#79AC78
#B0D9B1
#D0E7D2