Dark Grey
#363636
Likes
6
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #363636;
--c-earthy-2: #5C5460;
--c-earthy-3: #92699B;
--c-earthy-4: #E072E2;
--c-earthy-5: #FFB5C1;
--c-earthy-6: #F8FFCD;
--c-earthy-7: #F5E15F;
--c-earthy-8: #EE9162;
--c-earthy-9: #CB495F;
--c-earthy-10: #5D9143;
--c-earthy-11: #6FD23A;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Morrow White (#F8FFCD) bis zum dunkelsten Ton Dark Grey (#363636). Sie vereint Dark Grey, Napa Grape, Court Jester, Hibiscus Pop, Matt Pink, Morrow White, Flame Seal, Orange Slice, Claret Red, Golf Day und Bitter Dandelion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #363636 auf #F8FFCD mit 11,61: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
Napa Grape
#5C5460
Court Jester
#92699B
Hibiscus Pop
#E072E2
Matt Pink
#FFB5C1
Morrow White
#F8FFCD
Flame Seal
#F5E15F
Orange Slice
#EE9162
Claret Red
#CB495F
Golf Day
#5D9143
Bitter Dandelion
#6FD23A
Kontrast & Barrierefreiheit
7 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#363636 auf #F8FFCD
11,61:1
AAA
Aa
#363636 auf #F5E15F
9,10:1
AAA
Aa
#363636 auf #FFB5C1
7,27:1
AAA
Aa
#5C5460 auf #F8FFCD
6,98:1
AA
Aa
#363636 auf #6FD23A
6,30:1
AA
Aa
#5C5460 auf #F5E15F
5,47:1
AA
Aa
#363636 auf #EE9162
5,10:1
AA
Aa
#363636 auf #E072E2
4,42:1
AA (großer Text)
Aa
#5C5460 auf #FFB5C1
4,37:1
AA (großer Text)
Aa
#F8FFCD auf #CB495F
4,33:1
AA (großer Text)
Aa
#92699B auf #F8FFCD
4,28:1
AA (großer Text)
Aa
#5C5460 auf #6FD23A
3,79:1
AA (großer Text)
Aa
#F8FFCD auf #5D9143
3,61:1
AA (großer Text)
Aa
#F5E15F auf #CB495F
3,40:1
AA (großer Text)
Aa
#92699B auf #F5E15F
3,35:1
AA (großer Text)
Aa
#363636 auf #5D9143
3,22:1
AA (großer Text)
Aa
#5C5460 auf #EE9162
3,06:1
AA (großer Text)
Aa
#F5E15F auf #5D9143
2,83:1
Nicht bestanden
Aa
#363636 auf #92699B
2,71:1
Nicht bestanden
Aa
#FFB5C1 auf #CB495F
2,71:1
Nicht bestanden
Aa
#363636 auf #CB495F
2,68:1
Nicht bestanden
Aa
#92699B auf #FFB5C1
2,68:1
Nicht bestanden
Aa
#5C5460 auf #E072E2
2,65:1
Nicht bestanden
Aa
#E072E2 auf #F8FFCD
2,63:1
Nicht bestanden
Aa
#CB495F auf #6FD23A
2,35:1
Nicht bestanden
Aa
#92699B auf #6FD23A
2,32:1
Nicht bestanden
Aa
#F8FFCD auf #EE9162
2,28:1
Nicht bestanden
Aa
#FFB5C1 auf #5D9143
2,26:1
Nicht bestanden
Aa
#E072E2 auf #F5E15F
2,06:1
Nicht bestanden
Aa
#5D9143 auf #6FD23A
1,96:1
Nicht bestanden
Aa
#5C5460 auf #5D9143
1,94:1
Nicht bestanden
Aa
#EE9162 auf #CB495F
1,90:1
Nicht bestanden
Aa
#92699B auf #EE9162
1,88:1
Nicht bestanden
Aa
#F8FFCD auf #6FD23A
1,84:1
Nicht bestanden
Aa
#F5E15F auf #EE9162
1,78:1
Nicht bestanden
Aa
#363636 auf #5C5460
1,66:1
Nicht bestanden
Aa
#E072E2 auf #FFB5C1
1,65:1
Nicht bestanden
Aa
#E072E2 auf #CB495F
1,65:1
Nicht bestanden
Aa
#5C5460 auf #92699B
1,63:1
Nicht bestanden
Aa
#92699B auf #E072E2
1,63:1
Nicht bestanden
Aa
#5C5460 auf #CB495F
1,61:1
Nicht bestanden
Aa
#FFB5C1 auf #F8FFCD
1,60:1
Nicht bestanden
Aa
#EE9162 auf #5D9143
1,58:1
Nicht bestanden
Aa
#F5E15F auf #6FD23A
1,44:1
Nicht bestanden
Aa
#E072E2 auf #6FD23A
1,43:1
Nicht bestanden
Aa
#FFB5C1 auf #EE9162
1,43:1
Nicht bestanden
Aa
#E072E2 auf #5D9143
1,37:1
Nicht bestanden
Aa
#F8FFCD auf #F5E15F
1,28:1
Nicht bestanden
Aa
#FFB5C1 auf #F5E15F
1,25:1
Nicht bestanden
Aa
#EE9162 auf #6FD23A
1,24:1
Nicht bestanden
Aa
#CB495F auf #5D9143
1,20:1
Nicht bestanden
Aa
#92699B auf #5D9143
1,19:1
Nicht bestanden
Aa
#E072E2 auf #EE9162
1,15:1
Nicht bestanden
Aa
#FFB5C1 auf #6FD23A
1,15:1
Nicht bestanden
Aa
#92699B auf #CB495F
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