Stout
#0F0A0A
Likes
15
Farben
10
CSS-Variablen
:root {
--c-earthy-1: #0F0A0A;
--c-earthy-2: #0F2021;
--c-earthy-3: #0F3538;
--c-earthy-4: #496767;
--c-earthy-5: #87A19E;
--c-earthy-6: #FF6600;
--c-earthy-7: #FF9200;
--c-earthy-8: #FFBE00;
--c-earthy-9: #F8E08E;
--c-earthy-10: #FAFAF0;
}Über diese Palette
Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Enoki (#FAFAF0) bis zum dunkelsten Ton Stout (#0F0A0A). Sie vereint Stout, Black Feather, Elite Teal, Walk Me Home, Venus Teal, Safety Orange, Tangerine, Amber, Fresh Yellow und Enoki in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0F0A0A auf #FAFAF0 mit 18,72: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
Black Feather
#0F2021
Elite Teal
#0F3538
Walk Me Home
#496767
Venus Teal
#87A19E
Safety Orange
#FF6600
Tangerine
#FF9200
Amber
#FFBE00
Fresh Yellow
#F8E08E
Enoki
#FAFAF0
Kontrast & Barrierefreiheit
20 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#0F0A0A auf #FAFAF0
18,72:1
AAA
Aa
#0F2021 auf #FAFAF0
16,01:1
AAA
Aa
#0F0A0A auf #F8E08E
15,02:1
AAA
Aa
#0F2021 auf #F8E08E
12,85:1
AAA
Aa
#0F3538 auf #FAFAF0
12,60:1
AAA
Aa
#0F0A0A auf #FFBE00
11,81:1
AAA
Aa
#0F3538 auf #F8E08E
10,11:1
AAA
Aa
#0F2021 auf #FFBE00
10,10:1
AAA
Aa
#0F0A0A auf #FF9200
8,77:1
AAA
Aa
#0F3538 auf #FFBE00
7,95:1
AAA
Aa
#0F2021 auf #FF9200
7,50:1
AAA
Aa
#0F0A0A auf #87A19E
7,14:1
AAA
Aa
#0F0A0A auf #FF6600
6,70:1
AA
Aa
#0F2021 auf #87A19E
6,10:1
AA
Aa
#0F3538 auf #FF9200
5,90:1
AA
Aa
#496767 auf #FAFAF0
5,85:1
AA
Aa
#0F2021 auf #FF6600
5,73:1
AA
Aa
#0F3538 auf #87A19E
4,80:1
AA
Aa
#496767 auf #F8E08E
4,69:1
AA
Aa
#0F3538 auf #FF6600
4,51:1
AA
Aa
#496767 auf #FFBE00
3,69:1
AA (großer Text)
Aa
#0F0A0A auf #496767
3,20:1
AA (großer Text)
Aa
#FF6600 auf #FAFAF0
2,80:1
Nicht bestanden
Aa
#0F2021 auf #496767
2,74:1
Nicht bestanden
Aa
#496767 auf #FF9200
2,74:1
Nicht bestanden
Aa
#87A19E auf #FAFAF0
2,62:1
Nicht bestanden
Aa
#FF6600 auf #F8E08E
2,24:1
Nicht bestanden
Aa
#496767 auf #87A19E
2,23:1
Nicht bestanden
Aa
#0F3538 auf #496767
2,16:1
Nicht bestanden
Aa
#FF9200 auf #FAFAF0
2,14:1
Nicht bestanden
Aa
#87A19E auf #F8E08E
2,11:1
Nicht bestanden
Aa
#496767 auf #FF6600
2,09:1
Nicht bestanden
Aa
#FF6600 auf #FFBE00
1,76:1
Nicht bestanden
Aa
#FF9200 auf #F8E08E
1,71:1
Nicht bestanden
Aa
#87A19E auf #FFBE00
1,66:1
Nicht bestanden
Aa
#FFBE00 auf #FAFAF0
1,58:1
Nicht bestanden
Aa
#0F0A0A auf #0F3538
1,49:1
Nicht bestanden
Aa
#FF9200 auf #FFBE00
1,35:1
Nicht bestanden
Aa
#FF6600 auf #FF9200
1,31:1
Nicht bestanden
Aa
#0F2021 auf #0F3538
1,27:1
Nicht bestanden
Aa
#FFBE00 auf #F8E08E
1,27:1
Nicht bestanden
Aa
#F8E08E auf #FAFAF0
1,25:1
Nicht bestanden
Aa
#87A19E auf #FF9200
1,23:1
Nicht bestanden
Aa
#0F0A0A auf #0F2021
1,17:1
Nicht bestanden
Aa
#87A19E auf #FF6600
1,07:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79