Registrieren Registrieren
Village House

Village House

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Village House

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten
Erdig 12 Farben Warm Dunkel Analog green retro gloomy 12colors
Likes 51
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #24180A;
  --c-earthy-2: #323232;
  --c-earthy-3: #612721;
  --c-earthy-4: #334A08;
  --c-earthy-5: #526415;
  --c-earthy-6: #595757;
  --c-earthy-7: #8C5B3E;
  --c-earthy-8: #7F8E44;
  --c-earthy-9: #D39741;
  --c-earthy-10: #87738F;
  --c-earthy-11: #8AC4C3;
  --c-earthy-12: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Cannon Black (#24180A). Sie vereint Cannon Black, Tomcat, Chestnut Leather, Godzilla, Forestial Outpost, Charcoal Dust, Rope, Komatsuna Green, Bugle Call, Greyish Purple, Enchanted Isle und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 15 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #24180A auf #FFFFFF mit 17,35: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

Cannon Black #24180A
RGB
rgb(36, 24, 10)
HSL
hsl(32, 57%, 9%)
Luminanz
0,011
Tomcat #323232
RGB
rgb(50, 50, 50)
HSL
hsl(0, 0%, 20%)
Luminanz
0,032
Chestnut Leather #612721
RGB
rgb(97, 39, 33)
HSL
hsl(6, 49%, 25%)
Luminanz
0,041
Godzilla #334A08
RGB
rgb(51, 74, 8)
HSL
hsl(81, 80%, 16%)
Luminanz
0,056
Forestial Outpost #526415
RGB
rgb(82, 100, 21)
HSL
hsl(74, 65%, 24%)
Luminanz
0,110
Charcoal Dust #595757
RGB
rgb(89, 87, 87)
HSL
hsl(0, 1%, 35%)
Luminanz
0,096
Rope #8C5B3E
RGB
rgb(140, 91, 62)
HSL
hsl(22, 39%, 40%)
Luminanz
0,134
Komatsuna Green #7F8E44
RGB
rgb(127, 142, 68)
HSL
hsl(72, 35%, 41%)
Luminanz
0,243
Bugle Call #D39741
RGB
rgb(211, 151, 65)
HSL
hsl(35, 62%, 54%)
Luminanz
0,364
Greyish Purple #87738F
RGB
rgb(135, 115, 143)
HSL
hsl(283, 11%, 51%)
Luminanz
0,194
Enchanted Isle #8AC4C3
RGB
rgb(138, 196, 195)
HSL
hsl(179, 33%, 65%)
Luminanz
0,488
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminanz
1,000

Kontrast & Barrierefreiheit

15 von 66 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #24180A auf #FFFFFF 17,35:1 AAA
Aa #323232 auf #FFFFFF 12,82:1 AAA
Aa #612721 auf #FFFFFF 11,54:1 AAA
Aa #334A08 auf #FFFFFF 9,89:1 AAA
Aa #24180A auf #8AC4C3 8,90:1 AAA
Aa #595757 auf #FFFFFF 7,18:1 AAA
Aa #24180A auf #D39741 6,84:1 AA
Aa #526415 auf #FFFFFF 6,58:1 AA
Aa #323232 auf #8AC4C3 6,57:1 AA
Aa #612721 auf #8AC4C3 5,91:1 AA
Aa #8C5B3E auf #FFFFFF 5,70:1 AA
Aa #334A08 auf #8AC4C3 5,07:1 AA
Aa #323232 auf #D39741 5,05:1 AA
Aa #24180A auf #7F8E44 4,84:1 AA
Aa #612721 auf #D39741 4,54:1 AA
Aa #87738F auf #FFFFFF 4,30:1 AA (großer Text)
Aa #24180A auf #87738F 4,03:1 AA (großer Text)
Aa #334A08 auf #D39741 3,90:1 AA (großer Text)
Aa #595757 auf #8AC4C3 3,68:1 AA (großer Text)
Aa #7F8E44 auf #FFFFFF 3,59:1 AA (großer Text)
Aa #323232 auf #7F8E44 3,57:1 AA (großer Text)
Aa #526415 auf #8AC4C3 3,37:1 AA (großer Text)
Aa #612721 auf #7F8E44 3,22:1 AA (großer Text)
Aa #24180A auf #8C5B3E 3,04:1 AA (großer Text)
Aa #323232 auf #87738F 2,98:1 Nicht bestanden
Aa #8C5B3E auf #8AC4C3 2,92:1 Nicht bestanden
Aa #595757 auf #D39741 2,83:1 Nicht bestanden
Aa #334A08 auf #7F8E44 2,76:1 Nicht bestanden
Aa #612721 auf #87738F 2,68:1 Nicht bestanden
Aa #24180A auf #526415 2,64:1 Nicht bestanden
Aa #526415 auf #D39741 2,59:1 Nicht bestanden
Aa #D39741 auf #FFFFFF 2,54:1 Nicht bestanden
Aa #24180A auf #595757 2,42:1 Nicht bestanden
Aa #334A08 auf #87738F 2,30:1 Nicht bestanden
Aa #323232 auf #8C5B3E 2,25:1 Nicht bestanden
Aa #8C5B3E auf #D39741 2,25:1 Nicht bestanden
Aa #87738F auf #8AC4C3 2,21:1 Nicht bestanden
Aa #612721 auf #8C5B3E 2,02:1 Nicht bestanden
Aa #595757 auf #7F8E44 2,00:1 Nicht bestanden
Aa #323232 auf #526415 1,95:1 Nicht bestanden
Aa #8AC4C3 auf #FFFFFF 1,95:1 Nicht bestanden
Aa #7F8E44 auf #8AC4C3 1,84:1 Nicht bestanden
Aa #526415 auf #7F8E44 1,83:1 Nicht bestanden
Aa #323232 auf #595757 1,79:1 Nicht bestanden
Aa #24180A auf #334A08 1,76:1 Nicht bestanden
Aa #612721 auf #526415 1,75:1 Nicht bestanden
Aa #334A08 auf #8C5B3E 1,73:1 Nicht bestanden
Aa #D39741 auf #87738F 1,70:1 Nicht bestanden
Aa #595757 auf #87738F 1,67:1 Nicht bestanden
Aa #612721 auf #595757 1,61:1 Nicht bestanden
Aa #8C5B3E auf #7F8E44 1,59:1 Nicht bestanden
Aa #526415 auf #87738F 1,53:1 Nicht bestanden
Aa #24180A auf #612721 1,50:1 Nicht bestanden
Aa #334A08 auf #526415 1,50:1 Nicht bestanden
Aa #7F8E44 auf #D39741 1,41:1 Nicht bestanden
Aa #334A08 auf #595757 1,38:1 Nicht bestanden
Aa #24180A auf #323232 1,35:1 Nicht bestanden
Aa #8C5B3E auf #87738F 1,33:1 Nicht bestanden
Aa #323232 auf #334A08 1,30:1 Nicht bestanden
Aa #D39741 auf #8AC4C3 1,30:1 Nicht bestanden
Aa #595757 auf #8C5B3E 1,26:1 Nicht bestanden
Aa #7F8E44 auf #87738F 1,20:1 Nicht bestanden
Aa #612721 auf #334A08 1,17:1 Nicht bestanden
Aa #526415 auf #8C5B3E 1,15:1 Nicht bestanden
Aa #323232 auf #612721 1,11:1 Nicht bestanden
Aa #526415 auf #595757 1,09:1 Nicht bestanden

Ähnliche Paletten

#000000 #3D0000 #950101 #FF0000
4 Farben
#E23E57 #88304E #522546 #311D3F
4 Farben
#FF204E #A0153E #5D0E41 #00224D
4 Farben
#030637 #3C0753 #720455 #910A67
4 Farben
#1C0A00 #361500 #603601 #CC9544
4 Farben
#252525 #FF0000 #AF0404 #414141
4 Farben
#362222 #171010 #423F3E #2B2B2B
4 Farben
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 Farben