Vinca
#557CA7
Likes
9
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #557CA7;
--c-earthy-2: #E98A2E;
--c-earthy-3: #D5525A;
--c-earthy-4: #80B9B2;
--c-earthy-5: #66A14F;
--c-earthy-6: #E9C74C;
--c-earthy-7: #AA7AA0;
--c-earthy-8: #F79BA8;
--c-earthy-9: #98745E;
--c-earthy-10: #B9B0AB;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Fall Meadow (#E9C74C) bis zum dunkelsten Ton Vinca (#557CA7). Sie vereint Vinca, Goblin Eyes, Spiced Coral, Winter Surf, Flat Green, Fall Meadow, Usu Pink, Flower Girl, Tangara und London Coach in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 45 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.
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
Goblin Eyes
#E98A2E
Spiced Coral
#D5525A
Winter Surf
#80B9B2
Flat Green
#66A14F
Fall Meadow
#E9C74C
Usu Pink
#AA7AA0
Flower Girl
#F79BA8
Tangara
#98745E
London Coach
#B9B0AB
Kontrast & Barrierefreiheit
0 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#557CA7 auf #E9C74C
2,64:1
Nicht bestanden
Aa
#E9C74C auf #98745E
2,55:1
Nicht bestanden
Aa
#D5525A auf #E9C74C
2,46:1
Nicht bestanden
Aa
#E9C74C auf #AA7AA0
2,12:1
Nicht bestanden
Aa
#557CA7 auf #F79BA8
2,11:1
Nicht bestanden
Aa
#557CA7 auf #B9B0AB
2,04:1
Nicht bestanden
Aa
#F79BA8 auf #98745E
2,04:1
Nicht bestanden
Aa
#557CA7 auf #80B9B2
1,97:1
Nicht bestanden
Aa
#D5525A auf #F79BA8
1,97:1
Nicht bestanden
Aa
#98745E auf #B9B0AB
1,97:1
Nicht bestanden
Aa
#D5525A auf #B9B0AB
1,90:1
Nicht bestanden
Aa
#80B9B2 auf #98745E
1,90:1
Nicht bestanden
Aa
#66A14F auf #E9C74C
1,88:1
Nicht bestanden
Aa
#D5525A auf #80B9B2
1,83:1
Nicht bestanden
Aa
#AA7AA0 auf #F79BA8
1,70:1
Nicht bestanden
Aa
#557CA7 auf #E98A2E
1,69:1
Nicht bestanden
Aa
#AA7AA0 auf #B9B0AB
1,64:1
Nicht bestanden
Aa
#E98A2E auf #98745E
1,63:1
Nicht bestanden
Aa
#80B9B2 auf #AA7AA0
1,58:1
Nicht bestanden
Aa
#E98A2E auf #D5525A
1,57:1
Nicht bestanden
Aa
#E98A2E auf #E9C74C
1,57:1
Nicht bestanden
Aa
#66A14F auf #F79BA8
1,51:1
Nicht bestanden
Aa
#66A14F auf #B9B0AB
1,46:1
Nicht bestanden
Aa
#557CA7 auf #66A14F
1,40:1
Nicht bestanden
Aa
#80B9B2 auf #66A14F
1,40:1
Nicht bestanden
Aa
#E98A2E auf #AA7AA0
1,36:1
Nicht bestanden
Aa
#66A14F auf #98745E
1,36:1
Nicht bestanden
Aa
#80B9B2 auf #E9C74C
1,34:1
Nicht bestanden
Aa
#D5525A auf #66A14F
1,31:1
Nicht bestanden
Aa
#E9C74C auf #B9B0AB
1,29:1
Nicht bestanden
Aa
#E98A2E auf #F79BA8
1,25:1
Nicht bestanden
Aa
#E9C74C auf #F79BA8
1,25:1
Nicht bestanden
Aa
#557CA7 auf #AA7AA0
1,24:1
Nicht bestanden
Aa
#E98A2E auf #B9B0AB
1,21:1
Nicht bestanden
Aa
#E98A2E auf #66A14F
1,20:1
Nicht bestanden
Aa
#AA7AA0 auf #98745E
1,20:1
Nicht bestanden
Aa
#E98A2E auf #80B9B2
1,17:1
Nicht bestanden
Aa
#D5525A auf #AA7AA0
1,16:1
Nicht bestanden
Aa
#66A14F auf #AA7AA0
1,13:1
Nicht bestanden
Aa
#557CA7 auf #D5525A
1,07:1
Nicht bestanden
Aa
#80B9B2 auf #F79BA8
1,07:1
Nicht bestanden
Aa
#D5525A auf #98745E
1,04:1
Nicht bestanden
Aa
#80B9B2 auf #B9B0AB
1,04:1
Nicht bestanden
Aa
#F79BA8 auf #B9B0AB
1,04:1
Nicht bestanden
Aa
#557CA7 auf #98745E
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