Bit of Sugar
#F6F2EC
Likes
29
Farben
6
CSS-Variablen
:root {
--c-earthy-1: #F6F2EC;
--c-earthy-2: #C2A386;
--c-earthy-3: #9C703F;
--c-earthy-4: #1E1B15;
--c-earthy-5: #857081;
--c-earthy-6: #8493A0;
}Über diese Palette
Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Bit of Sugar (#F6F2EC) bis zum dunkelsten Ton Black Umber (#1E1B15). Sie vereint Bit of Sugar, Light Ash Brown, Favourite Ale, Black Umber, Decorative Iris und Coastal Vista in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6F2EC auf #1E1B15 mit 15,4: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
Light Ash Brown
#C2A386
Favourite Ale
#9C703F
Black Umber
#1E1B15
Decorative Iris
#857081
Coastal Vista
#8493A0
Kontrast & Barrierefreiheit
3 von 15 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#F6F2EC auf #1E1B15
15,40:1
AAA
Aa
#C2A386 auf #1E1B15
7,26:1
AAA
Aa
#1E1B15 auf #8493A0
5,45:1
AA
Aa
#F6F2EC auf #857081
4,07:1
AA (großer Text)
Aa
#9C703F auf #1E1B15
3,93:1
AA (großer Text)
Aa
#F6F2EC auf #9C703F
3,92:1
AA (großer Text)
Aa
#1E1B15 auf #857081
3,79:1
AA (großer Text)
Aa
#F6F2EC auf #8493A0
2,83:1
Nicht bestanden
Aa
#F6F2EC auf #C2A386
2,12:1
Nicht bestanden
Aa
#C2A386 auf #857081
1,92:1
Nicht bestanden
Aa
#C2A386 auf #9C703F
1,85:1
Nicht bestanden
Aa
#857081 auf #8493A0
1,44:1
Nicht bestanden
Aa
#9C703F auf #8493A0
1,39:1
Nicht bestanden
Aa
#C2A386 auf #8493A0
1,33:1
Nicht bestanden
Aa
#9C703F auf #857081
1,04: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