Maire
#2B2823
Likes
54
Farben
10
CSS-Variablen
:root {
--c-muted-1: #2B2823;
--c-muted-2: #43375C;
--c-muted-3: #664761;
--c-muted-4: #50617A;
--c-muted-5: #767869;
--c-muted-6: #85625D;
--c-muted-7: #518F7A;
--c-muted-8: #AD9E7D;
--c-muted-9: #A8C9A1;
--c-muted-10: #DFF788;
}Über diese Palette
Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Key Lime Water (#DFF788) bis zum dunkelsten Ton Maire (#2B2823). Sie vereint Maire, Jakarta Skyline, Bunchberry, Evening Symphony, Armoured Steel, Smoked Almond, Puerto Princesa, Sand Pebble, Limestoned und Key Lime Water 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 #2B2823 auf #DFF788 mit 12,44:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Jakarta Skyline
#43375C
Bunchberry
#664761
Evening Symphony
#50617A
Armoured Steel
#767869
Smoked Almond
#85625D
Puerto Princesa
#518F7A
Sand Pebble
#AD9E7D
Limestoned
#A8C9A1
Key Lime Water
#DFF788
Kontrast & Barrierefreiheit
8 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#2B2823 auf #DFF788
12,44:1
AAA
Aa
#43375C auf #DFF788
9,18:1
AAA
Aa
#2B2823 auf #A8C9A1
8,06:1
AAA
Aa
#664761 auf #DFF788
6,74:1
AA
Aa
#43375C auf #A8C9A1
5,95:1
AA
Aa
#2B2823 auf #AD9E7D
5,57:1
AA
Aa
#50617A auf #DFF788
5,34:1
AA
Aa
#85625D auf #DFF788
4,56:1
AA
Aa
#664761 auf #A8C9A1
4,37:1
AA (großer Text)
Aa
#43375C auf #AD9E7D
4,11:1
AA (großer Text)
Aa
#2B2823 auf #518F7A
3,89:1
AA (großer Text)
Aa
#767869 auf #DFF788
3,82:1
AA (großer Text)
Aa
#50617A auf #A8C9A1
3,46:1
AA (großer Text)
Aa
#2B2823 auf #767869
3,26:1
AA (großer Text)
Aa
#518F7A auf #DFF788
3,20:1
AA (großer Text)
Aa
#664761 auf #AD9E7D
3,02:1
AA (großer Text)
Aa
#85625D auf #A8C9A1
2,96:1
Nicht bestanden
Aa
#43375C auf #518F7A
2,87:1
Nicht bestanden
Aa
#2B2823 auf #85625D
2,73:1
Nicht bestanden
Aa
#767869 auf #A8C9A1
2,47:1
Nicht bestanden
Aa
#43375C auf #767869
2,40:1
Nicht bestanden
Aa
#50617A auf #AD9E7D
2,39:1
Nicht bestanden
Aa
#2B2823 auf #50617A
2,33:1
Nicht bestanden
Aa
#AD9E7D auf #DFF788
2,23:1
Nicht bestanden
Aa
#664761 auf #518F7A
2,11:1
Nicht bestanden
Aa
#518F7A auf #A8C9A1
2,07:1
Nicht bestanden
Aa
#85625D auf #AD9E7D
2,04:1
Nicht bestanden
Aa
#43375C auf #85625D
2,01:1
Nicht bestanden
Aa
#2B2823 auf #664761
1,84:1
Nicht bestanden
Aa
#664761 auf #767869
1,77:1
Nicht bestanden
Aa
#43375C auf #50617A
1,72:1
Nicht bestanden
Aa
#767869 auf #AD9E7D
1,71:1
Nicht bestanden
Aa
#50617A auf #518F7A
1,67:1
Nicht bestanden
Aa
#A8C9A1 auf #DFF788
1,54:1
Nicht bestanden
Aa
#664761 auf #85625D
1,48:1
Nicht bestanden
Aa
#AD9E7D auf #A8C9A1
1,45:1
Nicht bestanden
Aa
#518F7A auf #AD9E7D
1,43:1
Nicht bestanden
Aa
#85625D auf #518F7A
1,42:1
Nicht bestanden
Aa
#50617A auf #767869
1,40:1
Nicht bestanden
Aa
#2B2823 auf #43375C
1,36:1
Nicht bestanden
Aa
#43375C auf #664761
1,36:1
Nicht bestanden
Aa
#664761 auf #50617A
1,26:1
Nicht bestanden
Aa
#767869 auf #85625D
1,19:1
Nicht bestanden
Aa
#767869 auf #518F7A
1,19:1
Nicht bestanden
Aa
#50617A auf #85625D
1,17:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50