White
#FFFFFF
Likes
32
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #AAAAAA;
--c-earthy-3: #555555;
--c-earthy-4: #000000;
--c-earthy-5: #FF9900;
--c-earthy-6: #CF6300;
--c-earthy-7: #D0260F;
--c-earthy-8: #B0349B;
--c-earthy-9: #7554C3;
--c-earthy-10: #3F7AF5;
--c-earthy-11: #0EA5FF;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Dhūsar Grey, Stone Cold, Black, Vitamin C, Curry Powder, Hot Spice, Purple Cactus Flower, Fuchsia Blue, Lightish Blue und Krishna Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 10 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
Dhūsar Grey
#AAAAAA
Stone Cold
#555555
Black
#000000
Vitamin C
#FF9900
Curry Powder
#CF6300
Hot Spice
#D0260F
Purple Cactus Flower
#B0349B
Fuchsia Blue
#7554C3
Lightish Blue
#3F7AF5
Krishna Blue
#0EA5FF
Kontrast & Barrierefreiheit
10 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #000000
21,00:1
AAA
Aa
#000000 auf #FF9900
9,81:1
AAA
Aa
#AAAAAA auf #000000
9,04:1
AAA
Aa
#000000 auf #0EA5FF
7,84:1
AAA
Aa
#FFFFFF auf #555555
7,46:1
AAA
Aa
#FFFFFF auf #B0349B
5,51:1
AA
Aa
#FFFFFF auf #7554C3
5,51:1
AA
Aa
#000000 auf #CF6300
5,44:1
AA
Aa
#000000 auf #3F7AF5
5,31:1
AA
Aa
#FFFFFF auf #D0260F
5,29:1
AA
Aa
#000000 auf #D0260F
3,97:1
AA (großer Text)
Aa
#FFFFFF auf #3F7AF5
3,95:1
AA (großer Text)
Aa
#FFFFFF auf #CF6300
3,86:1
AA (großer Text)
Aa
#000000 auf #B0349B
3,81:1
AA (großer Text)
Aa
#000000 auf #7554C3
3,81:1
AA (großer Text)
Aa
#555555 auf #FF9900
3,48:1
AA (großer Text)
Aa
#AAAAAA auf #555555
3,21:1
AA (großer Text)
Aa
#555555 auf #000000
2,82:1
Nicht bestanden
Aa
#555555 auf #0EA5FF
2,78:1
Nicht bestanden
Aa
#FFFFFF auf #0EA5FF
2,68:1
Nicht bestanden
Aa
#FF9900 auf #B0349B
2,57:1
Nicht bestanden
Aa
#FF9900 auf #7554C3
2,57:1
Nicht bestanden
Aa
#FF9900 auf #D0260F
2,47:1
Nicht bestanden
Aa
#AAAAAA auf #B0349B
2,37:1
Nicht bestanden
Aa
#AAAAAA auf #7554C3
2,37:1
Nicht bestanden
Aa
#FFFFFF auf #AAAAAA
2,32:1
Nicht bestanden
Aa
#AAAAAA auf #D0260F
2,28:1
Nicht bestanden
Aa
#FFFFFF auf #FF9900
2,14:1
Nicht bestanden
Aa
#B0349B auf #0EA5FF
2,06:1
Nicht bestanden
Aa
#7554C3 auf #0EA5FF
2,06:1
Nicht bestanden
Aa
#D0260F auf #0EA5FF
1,98:1
Nicht bestanden
Aa
#555555 auf #CF6300
1,93:1
Nicht bestanden
Aa
#555555 auf #3F7AF5
1,89:1
Nicht bestanden
Aa
#FF9900 auf #3F7AF5
1,85:1
Nicht bestanden
Aa
#FF9900 auf #CF6300
1,80:1
Nicht bestanden
Aa
#AAAAAA auf #3F7AF5
1,70:1
Nicht bestanden
Aa
#AAAAAA auf #CF6300
1,66:1
Nicht bestanden
Aa
#3F7AF5 auf #0EA5FF
1,48:1
Nicht bestanden
Aa
#CF6300 auf #0EA5FF
1,44:1
Nicht bestanden
Aa
#CF6300 auf #B0349B
1,43:1
Nicht bestanden
Aa
#CF6300 auf #7554C3
1,43:1
Nicht bestanden
Aa
#555555 auf #D0260F
1,41:1
Nicht bestanden
Aa
#B0349B auf #3F7AF5
1,39:1
Nicht bestanden
Aa
#7554C3 auf #3F7AF5
1,39:1
Nicht bestanden
Aa
#CF6300 auf #D0260F
1,37:1
Nicht bestanden
Aa
#555555 auf #B0349B
1,35:1
Nicht bestanden
Aa
#555555 auf #7554C3
1,35:1
Nicht bestanden
Aa
#D0260F auf #3F7AF5
1,34:1
Nicht bestanden
Aa
#FF9900 auf #0EA5FF
1,25:1
Nicht bestanden
Aa
#AAAAAA auf #0EA5FF
1,15:1
Nicht bestanden
Aa
#AAAAAA auf #FF9900
1,09:1
Nicht bestanden
Aa
#D0260F auf #B0349B
1,04:1
Nicht bestanden
Aa
#D0260F auf #7554C3
1,04:1
Nicht bestanden
Aa
#CF6300 auf #3F7AF5
1,02:1
Nicht bestanden
Aa
#B0349B auf #7554C3
1,00: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