White
#FFFFFF
Likes
11
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #FFFFFF;
--c-earthy-2: #FFD75A;
--c-earthy-3: #F0695F;
--c-earthy-4: #C84150;
--c-earthy-5: #F59BAF;
--c-earthy-6: #785A91;
--c-earthy-7: #1969B4;
--c-earthy-8: #237D5F;
--c-earthy-9: #46C3A5;
--c-earthy-10: #000000;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Common Dandelion, Diluno Red, New Brick Red, Flower Girl, Ghostly Purple, Beautiful Blue, Pinehurst, Eucalipto und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #000000 mit 21: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
Common Dandelion
#FFD75A
Diluno Red
#F0695F
New Brick Red
#C84150
Flower Girl
#F59BAF
Ghostly Purple
#785A91
Beautiful Blue
#1969B4
Pinehurst
#237D5F
Eucalipto
#46C3A5
Black
#000000
Kontrast & Barrierefreiheit
9 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #000000
21,00:1
AAA
Aa
#FFD75A auf #000000
15,12:1
AAA
Aa
#F59BAF auf #000000
10,19:1
AAA
Aa
#46C3A5 auf #000000
9,61:1
AAA
Aa
#F0695F auf #000000
6,89:1
AA
Aa
#FFFFFF auf #785A91
5,72:1
AA
Aa
#FFFFFF auf #1969B4
5,64:1
AA
Aa
#FFFFFF auf #237D5F
5,04:1
AA
Aa
#FFFFFF auf #C84150
4,85:1
AA
Aa
#C84150 auf #000000
4,33:1
AA (großer Text)
Aa
#237D5F auf #000000
4,17:1
AA (großer Text)
Aa
#FFD75A auf #785A91
4,12:1
AA (großer Text)
Aa
#FFD75A auf #1969B4
4,06:1
AA (großer Text)
Aa
#1969B4 auf #000000
3,72:1
AA (großer Text)
Aa
#785A91 auf #000000
3,67:1
AA (großer Text)
Aa
#FFD75A auf #237D5F
3,63:1
AA (großer Text)
Aa
#FFD75A auf #C84150
3,49:1
AA (großer Text)
Aa
#FFFFFF auf #F0695F
3,05:1
AA (großer Text)
Aa
#F59BAF auf #785A91
2,78:1
Nicht bestanden
Aa
#F59BAF auf #1969B4
2,74:1
Nicht bestanden
Aa
#785A91 auf #46C3A5
2,62:1
Nicht bestanden
Aa
#1969B4 auf #46C3A5
2,58:1
Nicht bestanden
Aa
#F59BAF auf #237D5F
2,44:1
Nicht bestanden
Aa
#C84150 auf #F59BAF
2,35:1
Nicht bestanden
Aa
#237D5F auf #46C3A5
2,30:1
Nicht bestanden
Aa
#C84150 auf #46C3A5
2,22:1
Nicht bestanden
Aa
#FFFFFF auf #46C3A5
2,19:1
Nicht bestanden
Aa
#FFD75A auf #F0695F
2,19:1
Nicht bestanden
Aa
#FFFFFF auf #F59BAF
2,06:1
Nicht bestanden
Aa
#F0695F auf #785A91
1,88:1
Nicht bestanden
Aa
#F0695F auf #1969B4
1,85:1
Nicht bestanden
Aa
#F0695F auf #237D5F
1,65:1
Nicht bestanden
Aa
#F0695F auf #C84150
1,59:1
Nicht bestanden
Aa
#FFD75A auf #46C3A5
1,57:1
Nicht bestanden
Aa
#FFD75A auf #F59BAF
1,48:1
Nicht bestanden
Aa
#F0695F auf #F59BAF
1,48:1
Nicht bestanden
Aa
#FFFFFF auf #FFD75A
1,39:1
Nicht bestanden
Aa
#F0695F auf #46C3A5
1,39:1
Nicht bestanden
Aa
#C84150 auf #785A91
1,18:1
Nicht bestanden
Aa
#C84150 auf #1969B4
1,16:1
Nicht bestanden
Aa
#785A91 auf #237D5F
1,14:1
Nicht bestanden
Aa
#1969B4 auf #237D5F
1,12:1
Nicht bestanden
Aa
#F59BAF auf #46C3A5
1,06:1
Nicht bestanden
Aa
#C84150 auf #237D5F
1,04:1
Nicht bestanden
Aa
#785A91 auf #1969B4
1,01: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