White
#FFFFFF
Likes
5
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #959595;
--c-earthy-3: #3E3E3E;
--c-earthy-4: #000000;
--c-earthy-5: #FFE100;
--c-earthy-6: #D3353C;
--c-earthy-7: #6A162C;
--c-earthy-8: #56CD45;
--c-earthy-9: #528358;
--c-earthy-10: #2783FF;
--c-earthy-11: #353376;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Shark Fin, Black Lacquer, Black, Golden Yellow, Trinidad Moruga Scorpion, Velvet Outbreak, Verdant Fields, Emerald Ring, Pool Water und Ballpoint Indigo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 16 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
Shark Fin
#959595
Black Lacquer
#3E3E3E
Black
#000000
Golden Yellow
#FFE100
Trinidad Moruga Scorpion
#D3353C
Velvet Outbreak
#6A162C
Verdant Fields
#56CD45
Emerald Ring
#528358
Pool Water
#2783FF
Ballpoint Indigo
#353376
Kontrast & Barrierefreiheit
16 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 #FFE100
16,02:1
AAA
Aa
#FFFFFF auf #6A162C
11,90:1
AAA
Aa
#FFFFFF auf #353376
11,13:1
AAA
Aa
#FFFFFF auf #3E3E3E
10,70:1
AAA
Aa
#000000 auf #56CD45
10,21:1
AAA
Aa
#FFE100 auf #6A162C
9,08:1
AAA
Aa
#FFE100 auf #353376
8,49:1
AAA
Aa
#3E3E3E auf #FFE100
8,16:1
AAA
Aa
#959595 auf #000000
7,01:1
AAA
Aa
#6A162C auf #56CD45
5,79:1
AA
Aa
#000000 auf #2783FF
5,78:1
AA
Aa
#56CD45 auf #353376
5,41:1
AA
Aa
#3E3E3E auf #56CD45
5,20:1
AA
Aa
#FFFFFF auf #D3353C
4,83:1
AA
Aa
#000000 auf #528358
4,75:1
AA
Aa
#FFFFFF auf #528358
4,42:1
AA (großer Text)
Aa
#000000 auf #D3353C
4,34:1
AA (großer Text)
Aa
#959595 auf #6A162C
3,97:1
AA (großer Text)
Aa
#959595 auf #353376
3,72:1
AA (großer Text)
Aa
#FFE100 auf #D3353C
3,69:1
AA (großer Text)
Aa
#FFFFFF auf #2783FF
3,64:1
AA (großer Text)
Aa
#959595 auf #3E3E3E
3,57:1
AA (großer Text)
Aa
#FFE100 auf #528358
3,38:1
AA (großer Text)
Aa
#6A162C auf #2783FF
3,27:1
AA (großer Text)
Aa
#2783FF auf #353376
3,06:1
AA (großer Text)
Aa
#FFFFFF auf #959595
3,00:1
AA (großer Text)
Aa
#3E3E3E auf #2783FF
2,94:1
Nicht bestanden
Aa
#FFE100 auf #2783FF
2,77:1
Nicht bestanden
Aa
#6A162C auf #528358
2,69:1
Nicht bestanden
Aa
#528358 auf #353376
2,52:1
Nicht bestanden
Aa
#D3353C auf #6A162C
2,46:1
Nicht bestanden
Aa
#3E3E3E auf #528358
2,42:1
Nicht bestanden
Aa
#D3353C auf #56CD45
2,35:1
Nicht bestanden
Aa
#D3353C auf #353376
2,30:1
Nicht bestanden
Aa
#959595 auf #FFE100
2,29:1
Nicht bestanden
Aa
#3E3E3E auf #D3353C
2,21:1
Nicht bestanden
Aa
#56CD45 auf #528358
2,15:1
Nicht bestanden
Aa
#FFFFFF auf #56CD45
2,06:1
Nicht bestanden
Aa
#3E3E3E auf #000000
1,96:1
Nicht bestanden
Aa
#000000 auf #353376
1,89:1
Nicht bestanden
Aa
#56CD45 auf #2783FF
1,77:1
Nicht bestanden
Aa
#000000 auf #6A162C
1,76:1
Nicht bestanden
Aa
#959595 auf #D3353C
1,61:1
Nicht bestanden
Aa
#FFE100 auf #56CD45
1,57:1
Nicht bestanden
Aa
#959595 auf #528358
1,48:1
Nicht bestanden
Aa
#959595 auf #56CD45
1,46:1
Nicht bestanden
Aa
#D3353C auf #2783FF
1,33:1
Nicht bestanden
Aa
#FFFFFF auf #FFE100
1,31:1
Nicht bestanden
Aa
#528358 auf #2783FF
1,22:1
Nicht bestanden
Aa
#959595 auf #2783FF
1,21:1
Nicht bestanden
Aa
#3E3E3E auf #6A162C
1,11:1
Nicht bestanden
Aa
#D3353C auf #528358
1,09:1
Nicht bestanden
Aa
#6A162C auf #353376
1,07:1
Nicht bestanden
Aa
#3E3E3E auf #353376
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