Titanium White
#E4E4E4
Likes
30
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #E4E4E4;
--c-earthy-2: #8CBDA9;
--c-earthy-3: #507CA2;
--c-earthy-4: #41118B;
--c-earthy-5: #3B1249;
--c-earthy-6: #100819;
--c-earthy-7: #4F1633;
--c-earthy-8: #99323F;
--c-earthy-9: #A54B4A;
--c-earthy-10: #BD8D7A;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Titanium White (#E4E4E4) bis zum dunkelsten Ton Not Tonight (#100819). Sie vereint Titanium White, Mild Evergreen, Biedermeier Blue, Grim Purple, Purple Door, Not Tonight, Tulip Poplar Purple, Boerewors, Royal Rum und Tuscany in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #E4E4E4 auf #100819 mit 15,42: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
Mild Evergreen
#8CBDA9
Biedermeier Blue
#507CA2
Grim Purple
#41118B
Purple Door
#3B1249
Not Tonight
#100819
Tulip Poplar Purple
#4F1633
Boerewors
#99323F
Royal Rum
#A54B4A
Tuscany
#BD8D7A
Kontrast & Barrierefreiheit
12 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#E4E4E4 auf #100819
15,42:1
AAA
Aa
#E4E4E4 auf #3B1249
12,07:1
AAA
Aa
#E4E4E4 auf #4F1633
11,05:1
AAA
Aa
#E4E4E4 auf #41118B
9,84:1
AAA
Aa
#8CBDA9 auf #100819
9,31:1
AAA
Aa
#8CBDA9 auf #3B1249
7,28:1
AAA
Aa
#100819 auf #BD8D7A
6,78:1
AA
Aa
#8CBDA9 auf #4F1633
6,67:1
AA
Aa
#8CBDA9 auf #41118B
5,94:1
AA
Aa
#E4E4E4 auf #99323F
5,73:1
AA
Aa
#3B1249 auf #BD8D7A
5,30:1
AA
Aa
#4F1633 auf #BD8D7A
4,85:1
AA
Aa
#E4E4E4 auf #A54B4A
4,46:1
AA (großer Text)
Aa
#507CA2 auf #100819
4,43:1
AA (großer Text)
Aa
#41118B auf #BD8D7A
4,32:1
AA (großer Text)
Aa
#E4E4E4 auf #507CA2
3,48:1
AA (großer Text)
Aa
#507CA2 auf #3B1249
3,47:1
AA (großer Text)
Aa
#8CBDA9 auf #99323F
3,46:1
AA (großer Text)
Aa
#100819 auf #A54B4A
3,46:1
AA (großer Text)
Aa
#507CA2 auf #4F1633
3,17:1
AA (großer Text)
Aa
#507CA2 auf #41118B
2,83:1
Nicht bestanden
Aa
#3B1249 auf #A54B4A
2,71:1
Nicht bestanden
Aa
#8CBDA9 auf #A54B4A
2,69:1
Nicht bestanden
Aa
#100819 auf #99323F
2,69:1
Nicht bestanden
Aa
#99323F auf #BD8D7A
2,52:1
Nicht bestanden
Aa
#4F1633 auf #A54B4A
2,48:1
Nicht bestanden
Aa
#E4E4E4 auf #BD8D7A
2,28:1
Nicht bestanden
Aa
#41118B auf #A54B4A
2,21:1
Nicht bestanden
Aa
#3B1249 auf #99323F
2,11:1
Nicht bestanden
Aa
#8CBDA9 auf #507CA2
2,10:1
Nicht bestanden
Aa
#A54B4A auf #BD8D7A
1,96:1
Nicht bestanden
Aa
#4F1633 auf #99323F
1,93:1
Nicht bestanden
Aa
#41118B auf #99323F
1,72:1
Nicht bestanden
Aa
#E4E4E4 auf #8CBDA9
1,66:1
Nicht bestanden
Aa
#507CA2 auf #99323F
1,65:1
Nicht bestanden
Aa
#41118B auf #100819
1,57:1
Nicht bestanden
Aa
#507CA2 auf #BD8D7A
1,53:1
Nicht bestanden
Aa
#100819 auf #4F1633
1,40:1
Nicht bestanden
Aa
#8CBDA9 auf #BD8D7A
1,37:1
Nicht bestanden
Aa
#99323F auf #A54B4A
1,29:1
Nicht bestanden
Aa
#507CA2 auf #A54B4A
1,28:1
Nicht bestanden
Aa
#3B1249 auf #100819
1,28:1
Nicht bestanden
Aa
#41118B auf #3B1249
1,23:1
Nicht bestanden
Aa
#41118B auf #4F1633
1,12:1
Nicht bestanden
Aa
#3B1249 auf #4F1633
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