Elusive Blue
#DDE4E8
Likes
84
Farben
9
CSS-Variablen
:root {
--c-earthy-1: #DDE4E8;
--c-earthy-2: #FFC97A;
--c-earthy-3: #8DC196;
--c-earthy-4: #5A6E93;
--c-earthy-5: #301C44;
--c-earthy-6: #CE2F7F;
--c-earthy-7: #EF8A6E;
--c-earthy-8: #514CAD;
--c-earthy-9: #877AFF;
}Über diese Palette
Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Elusive Blue (#DDE4E8) bis zum dunkelsten Ton Power Outage (#301C44). Sie vereint Elusive Blue, Beige Topaz, Country Weekend, Waikawa Grey, Power Outage, Fuchsia Purple, Juicy Passionfruit, Swiss Plum und Bainganī in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DDE4E8 auf #301C44 mit 11,88: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
Beige Topaz
#FFC97A
Country Weekend
#8DC196
Waikawa Grey
#5A6E93
Power Outage
#301C44
Fuchsia Purple
#CE2F7F
Juicy Passionfruit
#EF8A6E
Swiss Plum
#514CAD
Bainganī
#877AFF
Kontrast & Barrierefreiheit
7 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#DDE4E8 auf #301C44
11,88:1
AAA
Aa
#FFC97A auf #301C44
10,10:1
AAA
Aa
#8DC196 auf #301C44
7,42:1
AAA
Aa
#301C44 auf #EF8A6E
6,20:1
AA
Aa
#DDE4E8 auf #514CAD
5,47:1
AA
Aa
#FFC97A auf #514CAD
4,65:1
AA
Aa
#301C44 auf #877AFF
4,55:1
AA
Aa
#DDE4E8 auf #5A6E93
4,00:1
AA (großer Text)
Aa
#DDE4E8 auf #CE2F7F
3,77:1
AA (großer Text)
Aa
#8DC196 auf #514CAD
3,42:1
AA (großer Text)
Aa
#FFC97A auf #5A6E93
3,40:1
AA (großer Text)
Aa
#FFC97A auf #CE2F7F
3,20:1
AA (großer Text)
Aa
#301C44 auf #CE2F7F
3,15:1
AA (großer Text)
Aa
#5A6E93 auf #301C44
2,97:1
Nicht bestanden
Aa
#EF8A6E auf #514CAD
2,86:1
Nicht bestanden
Aa
#DDE4E8 auf #877AFF
2,61:1
Nicht bestanden
Aa
#8DC196 auf #5A6E93
2,50:1
Nicht bestanden
Aa
#8DC196 auf #CE2F7F
2,35:1
Nicht bestanden
Aa
#FFC97A auf #877AFF
2,22:1
Nicht bestanden
Aa
#301C44 auf #514CAD
2,17:1
Nicht bestanden
Aa
#514CAD auf #877AFF
2,10:1
Nicht bestanden
Aa
#5A6E93 auf #EF8A6E
2,09:1
Nicht bestanden
Aa
#CE2F7F auf #EF8A6E
1,97:1
Nicht bestanden
Aa
#DDE4E8 auf #EF8A6E
1,92:1
Nicht bestanden
Aa
#FFC97A auf #EF8A6E
1,63:1
Nicht bestanden
Aa
#8DC196 auf #877AFF
1,63:1
Nicht bestanden
Aa
#DDE4E8 auf #8DC196
1,60:1
Nicht bestanden
Aa
#5A6E93 auf #877AFF
1,53:1
Nicht bestanden
Aa
#CE2F7F auf #514CAD
1,45:1
Nicht bestanden
Aa
#CE2F7F auf #877AFF
1,44:1
Nicht bestanden
Aa
#5A6E93 auf #514CAD
1,37:1
Nicht bestanden
Aa
#FFC97A auf #8DC196
1,36:1
Nicht bestanden
Aa
#EF8A6E auf #877AFF
1,36:1
Nicht bestanden
Aa
#8DC196 auf #EF8A6E
1,20:1
Nicht bestanden
Aa
#DDE4E8 auf #FFC97A
1,18:1
Nicht bestanden
Aa
#5A6E93 auf #CE2F7F
1,06:1
Nicht bestanden
Ähnliche Paletten
#EDF1D6
#9DC08B
#609966
#40513B
#F5F7F8
#F4CE14
#495E57
#45474B
#222831
#393E46
#FFD369
#EEEEEE
#000000
#52057B
#892CDC
#BC6FF1
#213555
#3E5879
#D8C4B6
#F5EFE7
#F5EFE7
#D8C4B6
#4F709C
#213555
#191A19
#1E5128
#4E9F3D
#D8E9A8
#352F44
#5C5470
#B9B4C7
#FAF0E6