Twilight Zone
#171A16
Likes
42
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #171A16;
--c-earthy-2: #3B2A62;
--c-earthy-3: #724852;
--c-earthy-4: #B16642;
--c-earthy-5: #E88345;
--c-earthy-6: #E0C098;
--c-earthy-7: #E5E5DD;
--c-earthy-8: #B9C3F5;
--c-earthy-9: #8E90C8;
--c-earthy-10: #1C23EF;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Silvery Moon (#E5E5DD) bis zum dunkelsten Ton Twilight Zone (#171A16). Sie vereint Twilight Zone, Paris M, Madder, Khardic, Muskmelon, More Cowbell, Silvery Moon, Vodka, Adora und Bluebonnet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #171A16 auf #E5E5DD mit 13,87: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
Paris M
#3B2A62
Madder
#724852
Khardic
#B16642
Muskmelon
#E88345
More Cowbell
#E0C098
Silvery Moon
#E5E5DD
Vodka
#B9C3F5
Adora
#8E90C8
Bluebonnet
#1C23EF
Kontrast & Barrierefreiheit
13 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#171A16 auf #E5E5DD
13,87:1
AAA
Aa
#171A16 auf #B9C3F5
10,19:1
AAA
Aa
#171A16 auf #E0C098
10,17:1
AAA
Aa
#3B2A62 auf #E5E5DD
9,79:1
AAA
Aa
#3B2A62 auf #B9C3F5
7,20:1
AAA
Aa
#3B2A62 auf #E0C098
7,18:1
AAA
Aa
#E5E5DD auf #1C23EF
6,54:1
AA
Aa
#171A16 auf #E88345
6,49:1
AA
Aa
#724852 auf #E5E5DD
6,00:1
AA
Aa
#171A16 auf #8E90C8
5,83:1
AA
Aa
#B9C3F5 auf #1C23EF
4,81:1
AA
Aa
#E0C098 auf #1C23EF
4,80:1
AA
Aa
#3B2A62 auf #E88345
4,58:1
AA
Aa
#724852 auf #B9C3F5
4,41:1
AA (großer Text)
Aa
#724852 auf #E0C098
4,40:1
AA (großer Text)
Aa
#3B2A62 auf #8E90C8
4,12:1
AA (großer Text)
Aa
#171A16 auf #B16642
4,05:1
AA (großer Text)
Aa
#B16642 auf #E5E5DD
3,42:1
AA (großer Text)
Aa
#E88345 auf #1C23EF
3,06:1
AA (großer Text)
Aa
#3B2A62 auf #B16642
2,86:1
Nicht bestanden
Aa
#724852 auf #E88345
2,81:1
Nicht bestanden
Aa
#8E90C8 auf #1C23EF
2,75:1
Nicht bestanden
Aa
#724852 auf #8E90C8
2,52:1
Nicht bestanden
Aa
#B16642 auf #E0C098
2,51:1
Nicht bestanden
Aa
#B16642 auf #B9C3F5
2,51:1
Nicht bestanden
Aa
#E5E5DD auf #8E90C8
2,38:1
Nicht bestanden
Aa
#171A16 auf #724852
2,31:1
Nicht bestanden
Aa
#E88345 auf #E5E5DD
2,14:1
Nicht bestanden
Aa
#171A16 auf #1C23EF
2,12:1
Nicht bestanden
Aa
#B16642 auf #1C23EF
1,91:1
Nicht bestanden
Aa
#724852 auf #B16642
1,75:1
Nicht bestanden
Aa
#B9C3F5 auf #8E90C8
1,75:1
Nicht bestanden
Aa
#E0C098 auf #8E90C8
1,74:1
Nicht bestanden
Aa
#3B2A62 auf #724852
1,63:1
Nicht bestanden
Aa
#B16642 auf #E88345
1,60:1
Nicht bestanden
Aa
#E88345 auf #E0C098
1,57:1
Nicht bestanden
Aa
#E88345 auf #B9C3F5
1,57:1
Nicht bestanden
Aa
#3B2A62 auf #1C23EF
1,50:1
Nicht bestanden
Aa
#B16642 auf #8E90C8
1,44:1
Nicht bestanden
Aa
#171A16 auf #3B2A62
1,42:1
Nicht bestanden
Aa
#E0C098 auf #E5E5DD
1,36:1
Nicht bestanden
Aa
#E5E5DD auf #B9C3F5
1,36:1
Nicht bestanden
Aa
#E88345 auf #8E90C8
1,11:1
Nicht bestanden
Aa
#724852 auf #1C23EF
1,09:1
Nicht bestanden
Aa
#E0C098 auf #B9C3F5
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