Black
#000000
Likes
30
Farben
9
CSS-Variablen
:root {
--c-earthy-1: #000000;
--c-earthy-2: #3A3948;
--c-earthy-3: #744A88;
--c-earthy-4: #C34B72;
--c-earthy-5: #FF6507;
--c-earthy-6: #5072D4;
--c-earthy-7: #5FD75F;
--c-earthy-8: #EAD000;
--c-earthy-9: #FEFFDF;
}Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Winter Duvet (#FEFFDF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Martinique, Grapes of Italy, Love Lord, Chos Garden Marigold, Cornflower, Lightish Green, Safety Yellow und Winter Duvet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FEFFDF mit 20,58:1.
Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.
Farben im Detail
Martinique
#3A3948
Grapes of Italy
#744A88
Love Lord
#C34B72
Chos Garden Marigold
#FF6507
Cornflower
#5072D4
Lightish Green
#5FD75F
Safety Yellow
#EAD000
Winter Duvet
#FEFFDF
Kontrast & Barrierefreiheit
11 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FEFFDF
20,58:1
AAA
Aa
#000000 auf #EAD000
13,52:1
AAA
Aa
#000000 auf #5FD75F
11,37:1
AAA
Aa
#3A3948 auf #FEFFDF
11,07:1
AAA
Aa
#3A3948 auf #EAD000
7,27:1
AAA
Aa
#000000 auf #FF6507
7,12:1
AAA
Aa
#744A88 auf #FEFFDF
6,69:1
AA
Aa
#3A3948 auf #5FD75F
6,12:1
AA
Aa
#000000 auf #5072D4
4,70:1
AA
Aa
#000000 auf #C34B72
4,57:1
AA
Aa
#C34B72 auf #FEFFDF
4,50:1
AA
Aa
#744A88 auf #EAD000
4,39:1
AA (großer Text)
Aa
#5072D4 auf #FEFFDF
4,38:1
AA (großer Text)
Aa
#3A3948 auf #FF6507
3,83:1
AA (großer Text)
Aa
#744A88 auf #5FD75F
3,70:1
AA (großer Text)
Aa
#000000 auf #744A88
3,08:1
AA (großer Text)
Aa
#C34B72 auf #EAD000
2,96:1
Nicht bestanden
Aa
#FF6507 auf #FEFFDF
2,89:1
Nicht bestanden
Aa
#5072D4 auf #EAD000
2,88:1
Nicht bestanden
Aa
#3A3948 auf #5072D4
2,53:1
Nicht bestanden
Aa
#C34B72 auf #5FD75F
2,49:1
Nicht bestanden
Aa
#3A3948 auf #C34B72
2,46:1
Nicht bestanden
Aa
#5072D4 auf #5FD75F
2,42:1
Nicht bestanden
Aa
#744A88 auf #FF6507
2,31:1
Nicht bestanden
Aa
#FF6507 auf #EAD000
1,90:1
Nicht bestanden
Aa
#000000 auf #3A3948
1,86:1
Nicht bestanden
Aa
#5FD75F auf #FEFFDF
1,81:1
Nicht bestanden
Aa
#3A3948 auf #744A88
1,66:1
Nicht bestanden
Aa
#FF6507 auf #5FD75F
1,60:1
Nicht bestanden
Aa
#C34B72 auf #FF6507
1,56:1
Nicht bestanden
Aa
#744A88 auf #5072D4
1,53:1
Nicht bestanden
Aa
#EAD000 auf #FEFFDF
1,52:1
Nicht bestanden
Aa
#FF6507 auf #5072D4
1,51:1
Nicht bestanden
Aa
#744A88 auf #C34B72
1,48:1
Nicht bestanden
Aa
#5FD75F auf #EAD000
1,19:1
Nicht bestanden
Aa
#C34B72 auf #5072D4
1,03: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