Globe Thistle
#27072D
Likes
57
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #27072D;
--c-earthy-2: #420B4D;
--c-earthy-3: #592940;
--c-earthy-4: #65453D;
--c-earthy-5: #764879;
--c-earthy-6: #8E7259;
--c-earthy-7: #BE9B5D;
--c-earthy-8: #ADC675;
--c-earthy-9: #BEDF90;
--c-earthy-10: #E6F3B5;
--c-earthy-11: #F2FFFF;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Vapour (#F2FFFF) bis zum dunkelsten Ton Globe Thistle (#27072D). Sie vereint Globe Thistle, Alien Purple, Vistoris Lake, Rocky Road, Purple Passion, Cocoa Delight, Packing Paper, Old Lime, Green Chalk, Spring Kiss und Vapour in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #27072D auf #F2FFFF mit 17,78: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
Alien Purple
#420B4D
Vistoris Lake
#592940
Rocky Road
#65453D
Purple Passion
#764879
Cocoa Delight
#8E7259
Packing Paper
#BE9B5D
Old Lime
#ADC675
Green Chalk
#BEDF90
Spring Kiss
#E6F3B5
Vapour
#F2FFFF
Kontrast & Barrierefreiheit
20 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#27072D auf #F2FFFF
17,78:1
AAA
Aa
#27072D auf #E6F3B5
15,46:1
AAA
Aa
#420B4D auf #F2FFFF
14,80:1
AAA
Aa
#420B4D auf #E6F3B5
12,87:1
AAA
Aa
#27072D auf #BEDF90
12,25:1
AAA
Aa
#592940 auf #F2FFFF
11,30:1
AAA
Aa
#420B4D auf #BEDF90
10,20:1
AAA
Aa
#592940 auf #E6F3B5
9,83:1
AAA
Aa
#27072D auf #ADC675
9,62:1
AAA
Aa
#65453D auf #F2FFFF
8,30:1
AAA
Aa
#420B4D auf #ADC675
8,01:1
AAA
Aa
#592940 auf #BEDF90
7,79:1
AAA
Aa
#65453D auf #E6F3B5
7,22:1
AAA
Aa
#27072D auf #BE9B5D
6,96:1
AA
Aa
#764879 auf #F2FFFF
6,90:1
AA
Aa
#592940 auf #ADC675
6,12:1
AA
Aa
#764879 auf #E6F3B5
6,00:1
AA
Aa
#420B4D auf #BE9B5D
5,80:1
AA
Aa
#65453D auf #BEDF90
5,72:1
AA
Aa
#764879 auf #BEDF90
4,76:1
AA
Aa
#65453D auf #ADC675
4,49:1
AA (großer Text)
Aa
#592940 auf #BE9B5D
4,43:1
AA (großer Text)
Aa
#8E7259 auf #F2FFFF
4,37:1
AA (großer Text)
Aa
#27072D auf #8E7259
4,07:1
AA (großer Text)
Aa
#8E7259 auf #E6F3B5
3,80:1
AA (großer Text)
Aa
#764879 auf #ADC675
3,74:1
AA (großer Text)
Aa
#420B4D auf #8E7259
3,39:1
AA (großer Text)
Aa
#65453D auf #BE9B5D
3,25:1
AA (großer Text)
Aa
#8E7259 auf #BEDF90
3,01:1
AA (großer Text)
Aa
#764879 auf #BE9B5D
2,70:1
Nicht bestanden
Aa
#592940 auf #8E7259
2,59:1
Nicht bestanden
Aa
#27072D auf #764879
2,58:1
Nicht bestanden
Aa
#BE9B5D auf #F2FFFF
2,55:1
Nicht bestanden
Aa
#8E7259 auf #ADC675
2,36:1
Nicht bestanden
Aa
#BE9B5D auf #E6F3B5
2,22:1
Nicht bestanden
Aa
#27072D auf #65453D
2,14:1
Nicht bestanden
Aa
#420B4D auf #764879
2,14:1
Nicht bestanden
Aa
#65453D auf #8E7259
1,90:1
Nicht bestanden
Aa
#ADC675 auf #F2FFFF
1,85:1
Nicht bestanden
Aa
#420B4D auf #65453D
1,78:1
Nicht bestanden
Aa
#BE9B5D auf #BEDF90
1,76:1
Nicht bestanden
Aa
#8E7259 auf #BE9B5D
1,71:1
Nicht bestanden
Aa
#592940 auf #764879
1,64:1
Nicht bestanden
Aa
#ADC675 auf #E6F3B5
1,61:1
Nicht bestanden
Aa
#764879 auf #8E7259
1,58:1
Nicht bestanden
Aa
#27072D auf #592940
1,57:1
Nicht bestanden
Aa
#BEDF90 auf #F2FFFF
1,45:1
Nicht bestanden
Aa
#BE9B5D auf #ADC675
1,38:1
Nicht bestanden
Aa
#592940 auf #65453D
1,36:1
Nicht bestanden
Aa
#420B4D auf #592940
1,31:1
Nicht bestanden
Aa
#ADC675 auf #BEDF90
1,27:1
Nicht bestanden
Aa
#BEDF90 auf #E6F3B5
1,26:1
Nicht bestanden
Aa
#27072D auf #420B4D
1,20:1
Nicht bestanden
Aa
#65453D auf #764879
1,20:1
Nicht bestanden
Aa
#E6F3B5 auf #F2FFFF
1,15: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