Cray
#BE783C
Likes
7
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #BE783C;
--c-earthy-2: #D7AF87;
--c-earthy-3: #EBEBAF;
--c-earthy-4: #64AF50;
--c-earthy-5: #556E6E;
--c-earthy-6: #3C3C5F;
--c-earthy-7: #96D2F0;
--c-earthy-8: #A07DA0;
--c-earthy-9: #9B4146;
--c-earthy-10: #46282D;
--c-earthy-11: #14141E;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Medium Goldenrod (#EBEBAF) bis zum dunkelsten Ton Kuroi Black (#14141E). Sie vereint Cray, Porcini, Medium Goldenrod, Shiso Green, Micropolis, Patriot Blue, Slightly Spritzig, Wild Lavender, Reddest Red, Rookwood Dark Red und Kuroi Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EBEBAF auf #14141E mit 14,83: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
Porcini
#D7AF87
Medium Goldenrod
#EBEBAF
Shiso Green
#64AF50
Micropolis
#556E6E
Patriot Blue
#3C3C5F
Slightly Spritzig
#96D2F0
Wild Lavender
#A07DA0
Reddest Red
#9B4146
Rookwood Dark Red
#46282D
Kuroi Black
#14141E
Kontrast & Barrierefreiheit
14 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#EBEBAF auf #14141E
14,83:1
AAA
Aa
#96D2F0 auf #14141E
11,12:1
AAA
Aa
#EBEBAF auf #46282D
10,63:1
AAA
Aa
#D7AF87 auf #14141E
9,03:1
AAA
Aa
#EBEBAF auf #3C3C5F
8,50:1
AAA
Aa
#96D2F0 auf #46282D
7,97:1
AAA
Aa
#64AF50 auf #14141E
6,78:1
AA
Aa
#D7AF87 auf #46282D
6,47:1
AA
Aa
#3C3C5F auf #96D2F0
6,37:1
AA
Aa
#EBEBAF auf #9B4146
5,26:1
AA
Aa
#D7AF87 auf #3C3C5F
5,18:1
AA
Aa
#BE783C auf #14141E
5,17:1
AA
Aa
#A07DA0 auf #14141E
5,17:1
AA
Aa
#64AF50 auf #46282D
4,86:1
AA
Aa
#EBEBAF auf #556E6E
4,43:1
AA (großer Text)
Aa
#96D2F0 auf #9B4146
3,94:1
AA (großer Text)
Aa
#64AF50 auf #3C3C5F
3,89:1
AA (großer Text)
Aa
#BE783C auf #46282D
3,71:1
AA (großer Text)
Aa
#A07DA0 auf #46282D
3,71:1
AA (großer Text)
Aa
#556E6E auf #14141E
3,34:1
AA (großer Text)
Aa
#556E6E auf #96D2F0
3,32:1
AA (großer Text)
Aa
#D7AF87 auf #9B4146
3,20:1
AA (großer Text)
Aa
#BE783C auf #3C3C5F
2,97:1
Nicht bestanden
Aa
#3C3C5F auf #A07DA0
2,96:1
Nicht bestanden
Aa
#BE783C auf #EBEBAF
2,87:1
Nicht bestanden
Aa
#EBEBAF auf #A07DA0
2,87:1
Nicht bestanden
Aa
#9B4146 auf #14141E
2,82:1
Nicht bestanden
Aa
#D7AF87 auf #556E6E
2,70:1
Nicht bestanden
Aa
#64AF50 auf #9B4146
2,41:1
Nicht bestanden
Aa
#556E6E auf #46282D
2,40:1
Nicht bestanden
Aa
#EBEBAF auf #64AF50
2,19:1
Nicht bestanden
Aa
#BE783C auf #96D2F0
2,15:1
Nicht bestanden
Aa
#96D2F0 auf #A07DA0
2,15:1
Nicht bestanden
Aa
#64AF50 auf #556E6E
2,03:1
Nicht bestanden
Aa
#9B4146 auf #46282D
2,02:1
Nicht bestanden
Aa
#556E6E auf #3C3C5F
1,92:1
Nicht bestanden
Aa
#BE783C auf #9B4146
1,83:1
Nicht bestanden
Aa
#A07DA0 auf #9B4146
1,83:1
Nicht bestanden
Aa
#BE783C auf #D7AF87
1,75:1
Nicht bestanden
Aa
#D7AF87 auf #A07DA0
1,75:1
Nicht bestanden
Aa
#3C3C5F auf #14141E
1,74:1
Nicht bestanden
Aa
#D7AF87 auf #EBEBAF
1,64:1
Nicht bestanden
Aa
#64AF50 auf #96D2F0
1,64:1
Nicht bestanden
Aa
#3C3C5F auf #9B4146
1,62:1
Nicht bestanden
Aa
#BE783C auf #556E6E
1,55:1
Nicht bestanden
Aa
#556E6E auf #A07DA0
1,55:1
Nicht bestanden
Aa
#46282D auf #14141E
1,39:1
Nicht bestanden
Aa
#D7AF87 auf #64AF50
1,33:1
Nicht bestanden
Aa
#EBEBAF auf #96D2F0
1,33:1
Nicht bestanden
Aa
#BE783C auf #64AF50
1,31:1
Nicht bestanden
Aa
#64AF50 auf #A07DA0
1,31:1
Nicht bestanden
Aa
#3C3C5F auf #46282D
1,25:1
Nicht bestanden
Aa
#D7AF87 auf #96D2F0
1,23:1
Nicht bestanden
Aa
#556E6E auf #9B4146
1,19:1
Nicht bestanden
Aa
#BE783C auf #A07DA0
1,00: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