Noble Black
#1F1F24
Likes
30
Farben
9
CSS-Variablen
:root {
--c-muted-1: #1F1F24;
--c-muted-2: #2E2D3A;
--c-muted-3: #433F5A;
--c-muted-4: #565886;
--c-muted-5: #5D66A2;
--c-muted-6: #8D89B3;
--c-muted-7: #BBB4CA;
--c-muted-8: #E0DDE4;
--c-muted-9: #F6F4F6;
}Über diese Palette
Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton French Porcelain (#F6F4F6) bis zum dunkelsten Ton Noble Black (#1F1F24). Sie vereint Noble Black, Black Rock, Club Grey, Mauve Dusk, Iris Bloom, Silk Lilac, Violet Beauty, Minified Mauve und French Porcelain in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1F1F24 auf #F6F4F6 mit 15:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Black Rock
#2E2D3A
Club Grey
#433F5A
Mauve Dusk
#565886
Iris Bloom
#5D66A2
Silk Lilac
#8D89B3
Violet Beauty
#BBB4CA
Minified Mauve
#E0DDE4
French Porcelain
#F6F4F6
Kontrast & Barrierefreiheit
13 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1F1F24 auf #F6F4F6
15,00:1
AAA
Aa
#2E2D3A auf #F6F4F6
12,36:1
AAA
Aa
#1F1F24 auf #E0DDE4
12,22:1
AAA
Aa
#2E2D3A auf #E0DDE4
10,07:1
AAA
Aa
#433F5A auf #F6F4F6
9,15:1
AAA
Aa
#1F1F24 auf #BBB4CA
8,20:1
AAA
Aa
#433F5A auf #E0DDE4
7,45:1
AAA
Aa
#2E2D3A auf #BBB4CA
6,76:1
AA
Aa
#565886 auf #F6F4F6
6,12:1
AA
Aa
#433F5A auf #BBB4CA
5,00:1
AA
Aa
#565886 auf #E0DDE4
4,99:1
AA
Aa
#1F1F24 auf #8D89B3
4,97:1
AA
Aa
#5D66A2 auf #F6F4F6
4,94:1
AA
Aa
#2E2D3A auf #8D89B3
4,10:1
AA (großer Text)
Aa
#5D66A2 auf #E0DDE4
4,02:1
AA (großer Text)
Aa
#565886 auf #BBB4CA
3,35:1
AA (großer Text)
Aa
#1F1F24 auf #5D66A2
3,04:1
AA (großer Text)
Aa
#433F5A auf #8D89B3
3,03:1
AA (großer Text)
Aa
#8D89B3 auf #F6F4F6
3,02:1
AA (großer Text)
Aa
#5D66A2 auf #BBB4CA
2,70:1
Nicht bestanden
Aa
#2E2D3A auf #5D66A2
2,50:1
Nicht bestanden
Aa
#8D89B3 auf #E0DDE4
2,46:1
Nicht bestanden
Aa
#1F1F24 auf #565886
2,45:1
Nicht bestanden
Aa
#565886 auf #8D89B3
2,03:1
Nicht bestanden
Aa
#2E2D3A auf #565886
2,02:1
Nicht bestanden
Aa
#433F5A auf #5D66A2
1,85:1
Nicht bestanden
Aa
#BBB4CA auf #F6F4F6
1,83:1
Nicht bestanden
Aa
#8D89B3 auf #BBB4CA
1,65:1
Nicht bestanden
Aa
#1F1F24 auf #433F5A
1,64:1
Nicht bestanden
Aa
#5D66A2 auf #8D89B3
1,64:1
Nicht bestanden
Aa
#433F5A auf #565886
1,50:1
Nicht bestanden
Aa
#BBB4CA auf #E0DDE4
1,49:1
Nicht bestanden
Aa
#2E2D3A auf #433F5A
1,35:1
Nicht bestanden
Aa
#565886 auf #5D66A2
1,24:1
Nicht bestanden
Aa
#E0DDE4 auf #F6F4F6
1,23:1
Nicht bestanden
Aa
#1F1F24 auf #2E2D3A
1,21: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