White
#FFFFFF
Likes
48
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #FAFAA0;
--c-earthy-3: #F0D384;
--c-earthy-4: #E0A070;
--c-earthy-5: #B0786D;
--c-earthy-6: #6D6D6D;
--c-earthy-7: #375B5E;
--c-earthy-8: #253B4B;
--c-earthy-9: #171C2E;
--c-earthy-10: #000000;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Walking on Sunshine, Kaiser Cheese, Roasted Seeds, Earth Rose, Dove Grey, Arctic Nights, Harpoon, Dark Knight und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 19 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 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
Walking on Sunshine
#FAFAA0
Kaiser Cheese
#F0D384
Roasted Seeds
#E0A070
Earth Rose
#B0786D
Dove Grey
#6D6D6D
Arctic Nights
#375B5E
Harpoon
#253B4B
Dark Knight
#171C2E
Black
#000000
Kontrast & Barrierefreiheit
19 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #000000
21,00:1
AAA
Aa
#FAFAA0 auf #000000
19,25:1
AAA
Aa
#FFFFFF auf #171C2E
16,91:1
AAA
Aa
#FAFAA0 auf #171C2E
15,50:1
AAA
Aa
#F0D384 auf #000000
14,36:1
AAA
Aa
#FFFFFF auf #253B4B
11,63:1
AAA
Aa
#F0D384 auf #171C2E
11,56:1
AAA
Aa
#FAFAA0 auf #253B4B
10,66:1
AAA
Aa
#E0A070 auf #000000
9,43:1
AAA
Aa
#F0D384 auf #253B4B
7,95:1
AAA
Aa
#E0A070 auf #171C2E
7,59:1
AAA
Aa
#FFFFFF auf #375B5E
7,45:1
AAA
Aa
#FAFAA0 auf #375B5E
6,82:1
AA
Aa
#B0786D auf #000000
5,75:1
AA
Aa
#E0A070 auf #253B4B
5,22:1
AA
Aa
#FFFFFF auf #6D6D6D
5,17:1
AA
Aa
#F0D384 auf #375B5E
5,09:1
AA
Aa
#FAFAA0 auf #6D6D6D
4,74:1
AA
Aa
#B0786D auf #171C2E
4,63:1
AA
Aa
#6D6D6D auf #000000
4,06:1
AA (großer Text)
Aa
#FFFFFF auf #B0786D
3,65:1
AA (großer Text)
Aa
#F0D384 auf #6D6D6D
3,54:1
AA (großer Text)
Aa
#FAFAA0 auf #B0786D
3,35:1
AA (großer Text)
Aa
#E0A070 auf #375B5E
3,34:1
AA (großer Text)
Aa
#6D6D6D auf #171C2E
3,27:1
AA (großer Text)
Aa
#B0786D auf #253B4B
3,19:1
AA (großer Text)
Aa
#375B5E auf #000000
2,82:1
Nicht bestanden
Aa
#F0D384 auf #B0786D
2,50:1
Nicht bestanden
Aa
#E0A070 auf #6D6D6D
2,32:1
Nicht bestanden
Aa
#375B5E auf #171C2E
2,27:1
Nicht bestanden
Aa
#6D6D6D auf #253B4B
2,25:1
Nicht bestanden
Aa
#FFFFFF auf #E0A070
2,23:1
Nicht bestanden
Aa
#FAFAA0 auf #E0A070
2,04:1
Nicht bestanden
Aa
#B0786D auf #375B5E
2,04:1
Nicht bestanden
Aa
#253B4B auf #000000
1,81:1
Nicht bestanden
Aa
#E0A070 auf #B0786D
1,64:1
Nicht bestanden
Aa
#375B5E auf #253B4B
1,56:1
Nicht bestanden
Aa
#F0D384 auf #E0A070
1,52:1
Nicht bestanden
Aa
#FFFFFF auf #F0D384
1,46:1
Nicht bestanden
Aa
#253B4B auf #171C2E
1,45:1
Nicht bestanden
Aa
#6D6D6D auf #375B5E
1,44:1
Nicht bestanden
Aa
#B0786D auf #6D6D6D
1,42:1
Nicht bestanden
Aa
#FAFAA0 auf #F0D384
1,34:1
Nicht bestanden
Aa
#171C2E auf #000000
1,24:1
Nicht bestanden
Aa
#FFFFFF auf #FAFAA0
1,09: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