Black
#000000
Likes
33
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #000000;
--c-earthy-2: #58122B;
--c-earthy-3: #AF4040;
--c-earthy-4: #FAA174;
--c-earthy-5: #FFC783;
--c-earthy-6: #359097;
--c-earthy-7: #22337D;
--c-earthy-8: #88AEC0;
--c-earthy-9: #C4FFF0;
--c-earthy-10: #F7F7F7;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Lynx White (#F7F7F7) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Brown Chocolate, Landjäger, Usugaki Persimmon, Apricot Butter, Aqueous, Deep Space Royal, Chilly Blue, Arabica Mint und Lynx White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 18 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #F7F7F7 mit 19,6: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
Brown Chocolate
#58122B
Landjäger
#AF4040
Usugaki Persimmon
#FAA174
Apricot Butter
#FFC783
Aqueous
#359097
Deep Space Royal
#22337D
Chilly Blue
#88AEC0
Arabica Mint
#C4FFF0
Lynx White
#F7F7F7
Kontrast & Barrierefreiheit
18 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #F7F7F7
19,60:1
AAA
Aa
#000000 auf #C4FFF0
18,91:1
AAA
Aa
#000000 auf #FFC783
13,75:1
AAA
Aa
#58122B auf #F7F7F7
12,76:1
AAA
Aa
#58122B auf #C4FFF0
12,31:1
AAA
Aa
#22337D auf #F7F7F7
10,67:1
AAA
Aa
#000000 auf #FAA174
10,41:1
AAA
Aa
#22337D auf #C4FFF0
10,29:1
AAA
Aa
#58122B auf #FFC783
8,95:1
AAA
Aa
#000000 auf #88AEC0
8,86:1
AAA
Aa
#FFC783 auf #22337D
7,48:1
AAA
Aa
#58122B auf #FAA174
6,78:1
AA
Aa
#58122B auf #88AEC0
5,77:1
AA
Aa
#FAA174 auf #22337D
5,67:1
AA
Aa
#000000 auf #359097
5,59:1
AA
Aa
#AF4040 auf #F7F7F7
5,40:1
AA
Aa
#AF4040 auf #C4FFF0
5,21:1
AA
Aa
#22337D auf #88AEC0
4,82:1
AA
Aa
#AF4040 auf #FFC783
3,79:1
AA (großer Text)
Aa
#58122B auf #359097
3,64:1
AA (großer Text)
Aa
#000000 auf #AF4040
3,63:1
AA (großer Text)
Aa
#359097 auf #F7F7F7
3,51:1
AA (großer Text)
Aa
#359097 auf #C4FFF0
3,38:1
AA (großer Text)
Aa
#359097 auf #22337D
3,04:1
AA (großer Text)
Aa
#AF4040 auf #FAA174
2,87:1
Nicht bestanden
Aa
#FFC783 auf #359097
2,46:1
Nicht bestanden
Aa
#AF4040 auf #88AEC0
2,44:1
Nicht bestanden
Aa
#58122B auf #AF4040
2,36:1
Nicht bestanden
Aa
#88AEC0 auf #F7F7F7
2,21:1
Nicht bestanden
Aa
#88AEC0 auf #C4FFF0
2,13:1
Nicht bestanden
Aa
#AF4040 auf #22337D
1,98:1
Nicht bestanden
Aa
#FAA174 auf #F7F7F7
1,88:1
Nicht bestanden
Aa
#FAA174 auf #359097
1,86:1
Nicht bestanden
Aa
#000000 auf #22337D
1,84:1
Nicht bestanden
Aa
#FAA174 auf #C4FFF0
1,82:1
Nicht bestanden
Aa
#359097 auf #88AEC0
1,59:1
Nicht bestanden
Aa
#FFC783 auf #88AEC0
1,55:1
Nicht bestanden
Aa
#000000 auf #58122B
1,54:1
Nicht bestanden
Aa
#AF4040 auf #359097
1,54:1
Nicht bestanden
Aa
#FFC783 auf #F7F7F7
1,43:1
Nicht bestanden
Aa
#FFC783 auf #C4FFF0
1,38:1
Nicht bestanden
Aa
#FAA174 auf #FFC783
1,32:1
Nicht bestanden
Aa
#58122B auf #22337D
1,20:1
Nicht bestanden
Aa
#FAA174 auf #88AEC0
1,18:1
Nicht bestanden
Aa
#C4FFF0 auf #F7F7F7
1,04: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