Dream Grass
#DFD8C0
Likes
18
Farben
8
CSS-Variablen
:root {
--c-earthy-1: #DFD8C0;
--c-earthy-2: #728582;
--c-earthy-3: #5E4F63;
--c-earthy-4: #214358;
--c-earthy-5: #A6AA62;
--c-earthy-6: #8D704B;
--c-earthy-7: #4A4126;
--c-earthy-8: #442B24;
}Über diese Palette
Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Dream Grass (#DFD8C0) bis zum dunkelsten Ton Morocco Brown (#442B24). Sie vereint Dream Grass, Armour, Napa Grape, Astronaut Blue, Elf Slippers, Highland Ridge, Onion und Morocco Brown in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFD8C0 auf #442B24 mit 9,11: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
Armour
#728582
Napa Grape
#5E4F63
Astronaut Blue
#214358
Elf Slippers
#A6AA62
Highland Ridge
#8D704B
Onion
#4A4126
Morocco Brown
#442B24
Kontrast & Barrierefreiheit
5 von 28 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#DFD8C0 auf #442B24
9,11:1
AAA
Aa
#DFD8C0 auf #214358
7,33:1
AAA
Aa
#DFD8C0 auf #4A4126
7,09:1
AAA
Aa
#DFD8C0 auf #5E4F63
5,31:1
AA
Aa
#A6AA62 auf #442B24
5,29:1
AA
Aa
#214358 auf #A6AA62
4,26:1
AA (großer Text)
Aa
#A6AA62 auf #4A4126
4,12:1
AA (großer Text)
Aa
#728582 auf #442B24
3,34:1
AA (großer Text)
Aa
#DFD8C0 auf #8D704B
3,23:1
AA (großer Text)
Aa
#5E4F63 auf #A6AA62
3,08:1
AA (großer Text)
Aa
#8D704B auf #442B24
2,82:1
Nicht bestanden
Aa
#DFD8C0 auf #728582
2,73:1
Nicht bestanden
Aa
#728582 auf #214358
2,69:1
Nicht bestanden
Aa
#728582 auf #4A4126
2,60:1
Nicht bestanden
Aa
#214358 auf #8D704B
2,27:1
Nicht bestanden
Aa
#8D704B auf #4A4126
2,19:1
Nicht bestanden
Aa
#728582 auf #5E4F63
1,94:1
Nicht bestanden
Aa
#A6AA62 auf #8D704B
1,88:1
Nicht bestanden
Aa
#DFD8C0 auf #A6AA62
1,72:1
Nicht bestanden
Aa
#5E4F63 auf #442B24
1,72:1
Nicht bestanden
Aa
#5E4F63 auf #8D704B
1,64:1
Nicht bestanden
Aa
#728582 auf #A6AA62
1,59:1
Nicht bestanden
Aa
#5E4F63 auf #214358
1,38:1
Nicht bestanden
Aa
#5E4F63 auf #4A4126
1,34:1
Nicht bestanden
Aa
#4A4126 auf #442B24
1,28:1
Nicht bestanden
Aa
#214358 auf #442B24
1,24:1
Nicht bestanden
Aa
#728582 auf #8D704B
1,18:1
Nicht bestanden
Aa
#214358 auf #4A4126
1,03: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