Black
#000000
Likes
9
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #000000;
--c-earthy-2: #6F7732;
--c-earthy-3: #A89E67;
--c-earthy-4: #77324C;
--c-earthy-5: #A86793;
--c-earthy-6: #32775C;
--c-earthy-7: #67A87D;
--c-earthy-8: #3A3277;
--c-earthy-9: #6772A9;
--c-earthy-10: #FFFFFF;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Olive Drab, Acacia Tree, Flirt, Mauve Memento, Nordic Forest, Green Tea Candy, Ballpoint Indigo, Jacaranda Jazz und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 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
Olive Drab
#6F7732
Acacia Tree
#A89E67
Flirt
#77324C
Mauve Memento
#A86793
Nordic Forest
#32775C
Green Tea Candy
#67A87D
Ballpoint Indigo
#3A3277
Jacaranda Jazz
#6772A9
White
#FFFFFF
Kontrast & Barrierefreiheit
10 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FFFFFF
21,00:1
AAA
Aa
#3A3277 auf #FFFFFF
11,04:1
AAA
Aa
#77324C auf #FFFFFF
8,96:1
AAA
Aa
#000000 auf #A89E67
7,75:1
AAA
Aa
#000000 auf #67A87D
7,47:1
AAA
Aa
#32775C auf #FFFFFF
5,35:1
AA
Aa
#000000 auf #A86793
5,03:1
AA
Aa
#6F7732 auf #FFFFFF
4,82:1
AA
Aa
#6772A9 auf #FFFFFF
4,61:1
AA
Aa
#000000 auf #6772A9
4,56:1
AA
Aa
#000000 auf #6F7732
4,36:1
AA (großer Text)
Aa
#A86793 auf #FFFFFF
4,18:1
AA (großer Text)
Aa
#A89E67 auf #3A3277
4,07:1
AA (großer Text)
Aa
#000000 auf #32775C
3,93:1
AA (großer Text)
Aa
#67A87D auf #3A3277
3,93:1
AA (großer Text)
Aa
#A89E67 auf #77324C
3,31:1
AA (großer Text)
Aa
#77324C auf #67A87D
3,19:1
AA (großer Text)
Aa
#67A87D auf #FFFFFF
2,81:1
Nicht bestanden
Aa
#A89E67 auf #FFFFFF
2,71:1
Nicht bestanden
Aa
#A86793 auf #3A3277
2,64:1
Nicht bestanden
Aa
#3A3277 auf #6772A9
2,39:1
Nicht bestanden
Aa
#000000 auf #77324C
2,34:1
Nicht bestanden
Aa
#6F7732 auf #3A3277
2,29:1
Nicht bestanden
Aa
#77324C auf #A86793
2,14:1
Nicht bestanden
Aa
#32775C auf #3A3277
2,07:1
Nicht bestanden
Aa
#A89E67 auf #32775C
1,97:1
Nicht bestanden
Aa
#77324C auf #6772A9
1,94:1
Nicht bestanden
Aa
#000000 auf #3A3277
1,90:1
Nicht bestanden
Aa
#32775C auf #67A87D
1,90:1
Nicht bestanden
Aa
#6F7732 auf #77324C
1,86:1
Nicht bestanden
Aa
#6F7732 auf #A89E67
1,78:1
Nicht bestanden
Aa
#6F7732 auf #67A87D
1,71:1
Nicht bestanden
Aa
#A89E67 auf #6772A9
1,70:1
Nicht bestanden
Aa
#77324C auf #32775C
1,68:1
Nicht bestanden
Aa
#67A87D auf #6772A9
1,64:1
Nicht bestanden
Aa
#A89E67 auf #A86793
1,54:1
Nicht bestanden
Aa
#A86793 auf #67A87D
1,49:1
Nicht bestanden
Aa
#A86793 auf #32775C
1,28:1
Nicht bestanden
Aa
#77324C auf #3A3277
1,23:1
Nicht bestanden
Aa
#32775C auf #6772A9
1,16:1
Nicht bestanden
Aa
#6F7732 auf #A86793
1,15:1
Nicht bestanden
Aa
#6F7732 auf #32775C
1,11:1
Nicht bestanden
Aa
#A86793 auf #6772A9
1,10:1
Nicht bestanden
Aa
#6F7732 auf #6772A9
1,04:1
Nicht bestanden
Aa
#A89E67 auf #67A87D
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