White
#FFFFFF
Likes
6
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #FFE84F;
--c-earthy-3: #95D9FF;
--c-earthy-4: #E67294;
--c-earthy-5: #5B9F39;
--c-earthy-6: #666666;
--c-earthy-7: #8A3524;
--c-earthy-8: #1D2E83;
--c-earthy-9: #200F42;
--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, Paris Daisy, Gas Giant, Loveland, Bright Parrot, Cursed Grey, Burnt Umber, Bavarian Blue, Shadow Planet und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 18 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
Paris Daisy
#FFE84F
Gas Giant
#95D9FF
Loveland
#E67294
Bright Parrot
#5B9F39
Cursed Grey
#666666
Burnt Umber
#8A3524
Bavarian Blue
#1D2E83
Shadow Planet
#200F42
Black
#000000
Kontrast & Barrierefreiheit
18 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #000000
21,00:1
AAA
Aa
#FFFFFF auf #200F42
17,38:1
AAA
Aa
#FFE84F auf #000000
16,91:1
AAA
Aa
#FFE84F auf #200F42
13,99:1
AAA
Aa
#95D9FF auf #000000
13,65:1
AAA
Aa
#FFFFFF auf #1D2E83
11,86:1
AAA
Aa
#95D9FF auf #200F42
11,29:1
AAA
Aa
#FFE84F auf #1D2E83
9,55:1
AAA
Aa
#FFFFFF auf #8A3524
8,03:1
AAA
Aa
#95D9FF auf #1D2E83
7,71:1
AAA
Aa
#E67294 auf #000000
7,20:1
AAA
Aa
#FFE84F auf #8A3524
6,46:1
AA
Aa
#5B9F39 auf #000000
6,46:1
AA
Aa
#E67294 auf #200F42
5,96:1
AA
Aa
#FFFFFF auf #666666
5,74:1
AA
Aa
#5B9F39 auf #200F42
5,35:1
AA
Aa
#95D9FF auf #8A3524
5,22:1
AA
Aa
#FFE84F auf #666666
4,62:1
AA
Aa
#E67294 auf #1D2E83
4,07:1
AA (großer Text)
Aa
#95D9FF auf #666666
3,73:1
AA (großer Text)
Aa
#666666 auf #000000
3,66:1
AA (großer Text)
Aa
#5B9F39 auf #1D2E83
3,65:1
AA (großer Text)
Aa
#FFFFFF auf #5B9F39
3,25:1
AA (großer Text)
Aa
#666666 auf #200F42
3,03:1
AA (großer Text)
Aa
#FFFFFF auf #E67294
2,92:1
Nicht bestanden
Aa
#E67294 auf #8A3524
2,75:1
Nicht bestanden
Aa
#FFE84F auf #5B9F39
2,62:1
Nicht bestanden
Aa
#8A3524 auf #000000
2,62:1
Nicht bestanden
Aa
#5B9F39 auf #8A3524
2,47:1
Nicht bestanden
Aa
#FFE84F auf #E67294
2,35:1
Nicht bestanden
Aa
#8A3524 auf #200F42
2,16:1
Nicht bestanden
Aa
#95D9FF auf #5B9F39
2,11:1
Nicht bestanden
Aa
#666666 auf #1D2E83
2,07:1
Nicht bestanden
Aa
#E67294 auf #666666
1,97:1
Nicht bestanden
Aa
#95D9FF auf #E67294
1,90:1
Nicht bestanden
Aa
#5B9F39 auf #666666
1,77:1
Nicht bestanden
Aa
#1D2E83 auf #000000
1,77:1
Nicht bestanden
Aa
#FFFFFF auf #95D9FF
1,54:1
Nicht bestanden
Aa
#8A3524 auf #1D2E83
1,48:1
Nicht bestanden
Aa
#1D2E83 auf #200F42
1,47:1
Nicht bestanden
Aa
#666666 auf #8A3524
1,40:1
Nicht bestanden
Aa
#FFFFFF auf #FFE84F
1,24:1
Nicht bestanden
Aa
#FFE84F auf #95D9FF
1,24:1
Nicht bestanden
Aa
#200F42 auf #000000
1,21:1
Nicht bestanden
Aa
#E67294 auf #5B9F39
1,11: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