Black
#000000
Likes
3
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #000000;
--c-earthy-2: #361E32;
--c-earthy-3: #572752;
--c-earthy-4: #571206;
--c-earthy-5: #A9351A;
--c-earthy-6: #D95F1B;
--c-earthy-7: #DD9B32;
--c-earthy-8: #FEEF42;
--c-earthy-9: #468596;
--c-earthy-10: #374566;
--c-earthy-11: #FFFFFF;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Zero Gravity, Kuwanomi Purple, Baragon Brown, Chinese Night, Ferocious Fox, Lion King, Hollandaise, Turquesa, Garnet Stone Blue und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21: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
Zero Gravity
#361E32
Kuwanomi Purple
#572752
Baragon Brown
#571206
Chinese Night
#A9351A
Ferocious Fox
#D95F1B
Lion King
#DD9B32
Hollandaise
#FEEF42
Turquesa
#468596
Garnet Stone Blue
#374566
White
#FFFFFF
Kontrast & Barrierefreiheit
18 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FFFFFF
21,00:1
AAA
Aa
#000000 auf #FEEF42
17,64:1
AAA
Aa
#361E32 auf #FFFFFF
15,12:1
AAA
Aa
#571206 auf #FFFFFF
14,05:1
AAA
Aa
#361E32 auf #FEEF42
12,70:1
AAA
Aa
#571206 auf #FEEF42
11,80:1
AAA
Aa
#572752 auf #FFFFFF
11,56:1
AAA
Aa
#572752 auf #FEEF42
9,71:1
AAA
Aa
#374566 auf #FFFFFF
9,52:1
AAA
Aa
#000000 auf #DD9B32
8,81:1
AAA
Aa
#FEEF42 auf #374566
8,00:1
AAA
Aa
#A9351A auf #FFFFFF
6,54:1
AA
Aa
#361E32 auf #DD9B32
6,34:1
AA
Aa
#571206 auf #DD9B32
5,89:1
AA
Aa
#000000 auf #D95F1B
5,60:1
AA
Aa
#A9351A auf #FEEF42
5,49:1
AA
Aa
#000000 auf #468596
5,06:1
AA
Aa
#572752 auf #DD9B32
4,85:1
AA
Aa
#468596 auf #FFFFFF
4,15:1
AA (großer Text)
Aa
#361E32 auf #D95F1B
4,03:1
AA (großer Text)
Aa
#DD9B32 auf #374566
3,99:1
AA (großer Text)
Aa
#571206 auf #D95F1B
3,75:1
AA (großer Text)
Aa
#D95F1B auf #FFFFFF
3,75:1
AA (großer Text)
Aa
#361E32 auf #468596
3,64:1
AA (großer Text)
Aa
#FEEF42 auf #468596
3,49:1
AA (großer Text)
Aa
#571206 auf #468596
3,38:1
AA (großer Text)
Aa
#000000 auf #A9351A
3,21:1
AA (großer Text)
Aa
#D95F1B auf #FEEF42
3,15:1
AA (großer Text)
Aa
#572752 auf #D95F1B
3,08:1
AA (großer Text)
Aa
#572752 auf #468596
2,78:1
Nicht bestanden
Aa
#A9351A auf #DD9B32
2,74:1
Nicht bestanden
Aa
#D95F1B auf #374566
2,54:1
Nicht bestanden
Aa
#DD9B32 auf #FFFFFF
2,38:1
Nicht bestanden
Aa
#361E32 auf #A9351A
2,31:1
Nicht bestanden
Aa
#468596 auf #374566
2,29:1
Nicht bestanden
Aa
#000000 auf #374566
2,21:1
Nicht bestanden
Aa
#571206 auf #A9351A
2,15:1
Nicht bestanden
Aa
#DD9B32 auf #FEEF42
2,00:1
Nicht bestanden
Aa
#000000 auf #572752
1,82:1
Nicht bestanden
Aa
#572752 auf #A9351A
1,77:1
Nicht bestanden
Aa
#A9351A auf #D95F1B
1,74:1
Nicht bestanden
Aa
#DD9B32 auf #468596
1,74:1
Nicht bestanden
Aa
#361E32 auf #374566
1,59:1
Nicht bestanden
Aa
#A9351A auf #468596
1,57:1
Nicht bestanden
Aa
#D95F1B auf #DD9B32
1,57:1
Nicht bestanden
Aa
#000000 auf #571206
1,49:1
Nicht bestanden
Aa
#571206 auf #374566
1,48:1
Nicht bestanden
Aa
#A9351A auf #374566
1,46:1
Nicht bestanden
Aa
#000000 auf #361E32
1,39:1
Nicht bestanden
Aa
#361E32 auf #572752
1,31:1
Nicht bestanden
Aa
#572752 auf #571206
1,22:1
Nicht bestanden
Aa
#572752 auf #374566
1,21:1
Nicht bestanden
Aa
#FEEF42 auf #FFFFFF
1,19:1
Nicht bestanden
Aa
#D95F1B auf #468596
1,11:1
Nicht bestanden
Aa
#361E32 auf #571206
1,08:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79