Spicy Purple
#C23670
Likes
19
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #C23670;
--c-earthy-2: #C23847;
--c-earthy-3: #D9623E;
--c-earthy-4: #DB8B3E;
--c-earthy-5: #E2C36D;
--c-earthy-6: #C7D581;
--c-earthy-7: #91CB89;
--c-earthy-8: #64B89D;
--c-earthy-9: #2A7FB4;
--c-earthy-10: #5B4E99;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Zucchini Noodles (#C7D581) bis zum dunkelsten Ton Coronation Blue (#5B4E99). Sie vereint Spicy Purple, Rococco Red, Flint Corn Red, Coppersmith, Bountiful Gold, Zucchini Noodles, Greek Garden, Sainsbury, Vermeer Blue und Coronation Blue 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
Rococco Red
#C23847
Flint Corn Red
#D9623E
Coppersmith
#DB8B3E
Bountiful Gold
#E2C36D
Zucchini Noodles
#C7D581
Greek Garden
#91CB89
Sainsbury
#64B89D
Vermeer Blue
#2A7FB4
Coronation Blue
#5B4E99
Kontrast & Barrierefreiheit
0 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#C7D581 auf #5B4E99
4,43:1
AA (großer Text)
Aa
#E2C36D auf #5B4E99
4,09:1
AA (großer Text)
Aa
#91CB89 auf #5B4E99
3,71:1
AA (großer Text)
Aa
#C23847 auf #C7D581
3,36:1
AA (großer Text)
Aa
#C23670 auf #C7D581
3,27:1
AA (großer Text)
Aa
#C23847 auf #E2C36D
3,10:1
AA (großer Text)
Aa
#C23670 auf #E2C36D
3,02:1
AA (großer Text)
Aa
#64B89D auf #5B4E99
2,97:1
Nicht bestanden
Aa
#C23847 auf #91CB89
2,81:1
Nicht bestanden
Aa
#C7D581 auf #2A7FB4
2,77:1
Nicht bestanden
Aa
#C23670 auf #91CB89
2,74:1
Nicht bestanden
Aa
#DB8B3E auf #5B4E99
2,60:1
Nicht bestanden
Aa
#E2C36D auf #2A7FB4
2,56:1
Nicht bestanden
Aa
#91CB89 auf #2A7FB4
2,32:1
Nicht bestanden
Aa
#D9623E auf #C7D581
2,30:1
Nicht bestanden
Aa
#C23847 auf #64B89D
2,25:1
Nicht bestanden
Aa
#C23670 auf #64B89D
2,19:1
Nicht bestanden
Aa
#D9623E auf #E2C36D
2,13:1
Nicht bestanden
Aa
#C23847 auf #DB8B3E
1,97:1
Nicht bestanden
Aa
#D9623E auf #91CB89
1,93:1
Nicht bestanden
Aa
#D9623E auf #5B4E99
1,93:1
Nicht bestanden
Aa
#C23670 auf #DB8B3E
1,92:1
Nicht bestanden
Aa
#64B89D auf #2A7FB4
1,85:1
Nicht bestanden
Aa
#DB8B3E auf #C7D581
1,71:1
Nicht bestanden
Aa
#DB8B3E auf #2A7FB4
1,62:1
Nicht bestanden
Aa
#2A7FB4 auf #5B4E99
1,60:1
Nicht bestanden
Aa
#DB8B3E auf #E2C36D
1,58:1
Nicht bestanden
Aa
#D9623E auf #64B89D
1,54:1
Nicht bestanden
Aa
#C7D581 auf #64B89D
1,49:1
Nicht bestanden
Aa
#C23847 auf #D9623E
1,46:1
Nicht bestanden
Aa
#DB8B3E auf #91CB89
1,43:1
Nicht bestanden
Aa
#C23670 auf #D9623E
1,42:1
Nicht bestanden
Aa
#E2C36D auf #64B89D
1,38:1
Nicht bestanden
Aa
#C23670 auf #5B4E99
1,35:1
Nicht bestanden
Aa
#D9623E auf #DB8B3E
1,35:1
Nicht bestanden
Aa
#C23847 auf #5B4E99
1,32:1
Nicht bestanden
Aa
#91CB89 auf #64B89D
1,25:1
Nicht bestanden
Aa
#C23847 auf #2A7FB4
1,21:1
Nicht bestanden
Aa
#D9623E auf #2A7FB4
1,20:1
Nicht bestanden
Aa
#C7D581 auf #91CB89
1,19:1
Nicht bestanden
Aa
#C23670 auf #2A7FB4
1,18:1
Nicht bestanden
Aa
#DB8B3E auf #64B89D
1,14:1
Nicht bestanden
Aa
#E2C36D auf #91CB89
1,10:1
Nicht bestanden
Aa
#E2C36D auf #C7D581
1,08:1
Nicht bestanden
Aa
#C23670 auf #C23847
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