Sugar Shack
#EFD4B6
Likes
63
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #EFD4B6;
--c-earthy-2: #EBCAA9;
--c-earthy-3: #E1AD97;
--c-earthy-4: #D8BB93;
--c-earthy-5: #D3AB7A;
--c-earthy-6: #AC7437;
--c-earthy-7: #956040;
--c-earthy-8: #623410;
--c-earthy-9: #532B08;
--c-earthy-10: #432408;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Sugar Shack (#EFD4B6) bis zum dunkelsten Ton Chocolate Castle (#432408). Sie vereint Sugar Shack, Almond Biscuit, California Coral, Bowman Beige, Glittering Sun, Enchanting Ginger, Cinnamon Spice, Meatloaf, Brown Study und Chocolate Castle in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EFD4B6 auf #432408 mit 9,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
Almond Biscuit
#EBCAA9
California Coral
#E1AD97
Bowman Beige
#D8BB93
Glittering Sun
#D3AB7A
Enchanting Ginger
#AC7437
Cinnamon Spice
#956040
Meatloaf
#623410
Brown Study
#532B08
Chocolate Castle
#432408
Kontrast & Barrierefreiheit
15 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#EFD4B6 auf #432408
9,88:1
AAA
Aa
#EBCAA9 auf #432408
9,07:1
AAA
Aa
#EFD4B6 auf #532B08
8,60:1
AAA
Aa
#EBCAA9 auf #532B08
7,89:1
AAA
Aa
#D8BB93 auf #432408
7,66:1
AAA
Aa
#EFD4B6 auf #623410
7,32:1
AAA
Aa
#E1AD97 auf #432408
7,11:1
AAA
Aa
#EBCAA9 auf #623410
6,72:1
AA
Aa
#D8BB93 auf #532B08
6,67:1
AA
Aa
#D3AB7A auf #432408
6,61:1
AA
Aa
#E1AD97 auf #532B08
6,19:1
AA
Aa
#D3AB7A auf #532B08
5,75:1
AA
Aa
#D8BB93 auf #623410
5,67:1
AA
Aa
#E1AD97 auf #623410
5,27:1
AA
Aa
#D3AB7A auf #623410
4,89:1
AA
Aa
#EFD4B6 auf #956040
3,67:1
AA (großer Text)
Aa
#AC7437 auf #432408
3,55:1
AA (großer Text)
Aa
#EBCAA9 auf #956040
3,37:1
AA (großer Text)
Aa
#AC7437 auf #532B08
3,09:1
AA (großer Text)
Aa
#D8BB93 auf #956040
2,84:1
Nicht bestanden
Aa
#EFD4B6 auf #AC7437
2,78:1
Nicht bestanden
Aa
#956040 auf #432408
2,69:1
Nicht bestanden
Aa
#E1AD97 auf #956040
2,64:1
Nicht bestanden
Aa
#AC7437 auf #623410
2,63:1
Nicht bestanden
Aa
#EBCAA9 auf #AC7437
2,55:1
Nicht bestanden
Aa
#D3AB7A auf #956040
2,45:1
Nicht bestanden
Aa
#956040 auf #532B08
2,34:1
Nicht bestanden
Aa
#D8BB93 auf #AC7437
2,16:1
Nicht bestanden
Aa
#E1AD97 auf #AC7437
2,00:1
Nicht bestanden
Aa
#956040 auf #623410
1,99:1
Nicht bestanden
Aa
#D3AB7A auf #AC7437
1,86:1
Nicht bestanden
Aa
#EFD4B6 auf #D3AB7A
1,49:1
Nicht bestanden
Aa
#EFD4B6 auf #E1AD97
1,39:1
Nicht bestanden
Aa
#EBCAA9 auf #D3AB7A
1,37:1
Nicht bestanden
Aa
#623410 auf #432408
1,35:1
Nicht bestanden
Aa
#AC7437 auf #956040
1,32:1
Nicht bestanden
Aa
#EFD4B6 auf #D8BB93
1,29:1
Nicht bestanden
Aa
#EBCAA9 auf #E1AD97
1,28:1
Nicht bestanden
Aa
#EBCAA9 auf #D8BB93
1,18:1
Nicht bestanden
Aa
#623410 auf #532B08
1,18:1
Nicht bestanden
Aa
#D8BB93 auf #D3AB7A
1,16:1
Nicht bestanden
Aa
#532B08 auf #432408
1,15:1
Nicht bestanden
Aa
#EFD4B6 auf #EBCAA9
1,09:1
Nicht bestanden
Aa
#E1AD97 auf #D8BB93
1,08:1
Nicht bestanden
Aa
#E1AD97 auf #D3AB7A
1,08: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