Registrieren Registrieren
Homey Honey 12

Homey Honey 12

Palette mit 12 Farben · Warm · Dunkel · Harmonie: Komplementär

Zurück zur Bibliothek

Homey Honey 12

Palette mit 12 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Komplementär

Bearbeiten
Erdig 12 Farben Warm Dunkel Komplementär fall warm brown autumn
Likes 126
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #291E1A;
  --c-earthy-2: #5A3428;
  --c-earthy-3: #A6652B;
  --c-earthy-4: #D9A443;
  --c-earthy-5: #C95937;
  --c-earthy-6: #893F43;
  --c-earthy-7: #393E26;
  --c-earthy-8: #496669;
  --c-earthy-9: #7687AB;
  --c-earthy-10: #D4D3D1;
  --c-earthy-11: #748B2C;
  --c-earthy-12: #31542F;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Silver Spoon (#D4D3D1) bis zum dunkelsten Ton Weathervane (#291E1A). Sie vereint Weathervane, Redwood, Gallstone Yellow, Solar Fusion, Cinnamon Stone, Cordovan, Green Kelp, Tax Break, Enchanting Sky, Silver Spoon, Olive Thrill und Moselle Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #291E1A auf #D4D3D1 mit 10,84: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

Weathervane #291E1A
RGB
rgb(41, 30, 26)
HSL
hsl(16, 22%, 13%)
Luminanz
0,015
Redwood #5A3428
RGB
rgb(90, 52, 40)
HSL
hsl(14, 38%, 25%)
Luminanz
0,048
Gallstone Yellow #A6652B
RGB
rgb(166, 101, 43)
HSL
hsl(28, 59%, 41%)
Luminanz
0,176
Solar Fusion #D9A443
RGB
rgb(217, 164, 67)
HSL
hsl(39, 66%, 56%)
Luminanz
0,417
Cinnamon Stone #C95937
RGB
rgb(201, 89, 55)
HSL
hsl(14, 57%, 50%)
Luminanz
0,198
Cordovan #893F43
RGB
rgb(137, 63, 67)
HSL
hsl(357, 37%, 39%)
Luminanz
0,093
Green Kelp #393E26
RGB
rgb(57, 62, 38)
HSL
hsl(73, 24%, 20%)
Luminanz
0,045
Tax Break #496669
RGB
rgb(73, 102, 105)
HSL
hsl(186, 18%, 35%)
Luminanz
0,119
Enchanting Sky #7687AB
RGB
rgb(118, 135, 171)
HSL
hsl(221, 24%, 57%)
Luminanz
0,241
Silver Spoon #D4D3D1
RGB
rgb(212, 211, 209)
HSL
hsl(40, 3%, 83%)
Luminanz
0,652
Olive Thrill #748B2C
RGB
rgb(116, 139, 44)
HSL
hsl(75, 52%, 36%)
Luminanz
0,224
Moselle Green #31542F
RGB
rgb(49, 84, 47)
HSL
hsl(117, 28%, 26%)
Luminanz
0,072

Kontrast & Barrierefreiheit

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

Aa #291E1A auf #D4D3D1 10,84:1 AAA
Aa #393E26 auf #D4D3D1 7,42:1 AAA
Aa #291E1A auf #D9A443 7,21:1 AAA
Aa #5A3428 auf #D4D3D1 7,17:1 AAA
Aa #D4D3D1 auf #31542F 5,75:1 AA
Aa #D9A443 auf #393E26 4,94:1 AA
Aa #893F43 auf #D4D3D1 4,92:1 AA
Aa #5A3428 auf #D9A443 4,77:1 AA
Aa #291E1A auf #7687AB 4,50:1 AA
Aa #291E1A auf #748B2C 4,23:1 AA (großer Text)
Aa #496669 auf #D4D3D1 4,14:1 AA (großer Text)
Aa #291E1A auf #C95937 3,84:1 AA (großer Text)
Aa #D9A443 auf #31542F 3,83:1 AA (großer Text)
Aa #291E1A auf #A6652B 3,49:1 AA (großer Text)
Aa #D9A443 auf #893F43 3,27:1 AA (großer Text)
Aa #A6652B auf #D4D3D1 3,11:1 AA (großer Text)
Aa #393E26 auf #7687AB 3,08:1 AA (großer Text)
Aa #5A3428 auf #7687AB 2,98:1 Nicht bestanden
Aa #393E26 auf #748B2C 2,89:1 Nicht bestanden
Aa #C95937 auf #D4D3D1 2,83:1 Nicht bestanden
Aa #5A3428 auf #748B2C 2,80:1 Nicht bestanden
Aa #D9A443 auf #496669 2,76:1 Nicht bestanden
Aa #C95937 auf #393E26 2,63:1 Nicht bestanden
Aa #291E1A auf #496669 2,62:1 Nicht bestanden
Aa #D4D3D1 auf #748B2C 2,57:1 Nicht bestanden
Aa #5A3428 auf #C95937 2,54:1 Nicht bestanden
Aa #7687AB auf #D4D3D1 2,41:1 Nicht bestanden
Aa #A6652B auf #393E26 2,39:1 Nicht bestanden
Aa #7687AB auf #31542F 2,39:1 Nicht bestanden
Aa #5A3428 auf #A6652B 2,31:1 Nicht bestanden
Aa #748B2C auf #31542F 2,24:1 Nicht bestanden
Aa #291E1A auf #893F43 2,21:1 Nicht bestanden
Aa #A6652B auf #D9A443 2,07:1 Nicht bestanden
Aa #C95937 auf #31542F 2,04:1 Nicht bestanden
Aa #893F43 auf #7687AB 2,04:1 Nicht bestanden
Aa #893F43 auf #748B2C 1,92:1 Nicht bestanden
Aa #291E1A auf #31542F 1,88:1 Nicht bestanden
Aa #D9A443 auf #C95937 1,88:1 Nicht bestanden
Aa #A6652B auf #31542F 1,85:1 Nicht bestanden
Aa #393E26 auf #496669 1,79:1 Nicht bestanden
Aa #C95937 auf #893F43 1,74:1 Nicht bestanden
Aa #5A3428 auf #496669 1,73:1 Nicht bestanden
Aa #496669 auf #7687AB 1,72:1 Nicht bestanden
Aa #D9A443 auf #748B2C 1,71:1 Nicht bestanden
Aa #496669 auf #748B2C 1,62:1 Nicht bestanden
Aa #D9A443 auf #7687AB 1,60:1 Nicht bestanden
Aa #A6652B auf #893F43 1,58:1 Nicht bestanden
Aa #291E1A auf #5A3428 1,51:1 Nicht bestanden
Aa #893F43 auf #393E26 1,51:1 Nicht bestanden
Aa #D9A443 auf #D4D3D1 1,50:1 Nicht bestanden
Aa #C95937 auf #496669 1,47:1 Nicht bestanden
Aa #291E1A auf #393E26 1,46:1 Nicht bestanden
Aa #5A3428 auf #893F43 1,46:1 Nicht bestanden
Aa #496669 auf #31542F 1,39:1 Nicht bestanden
Aa #A6652B auf #496669 1,33:1 Nicht bestanden
Aa #A6652B auf #7687AB 1,29:1 Nicht bestanden
Aa #393E26 auf #31542F 1,29:1 Nicht bestanden
Aa #5A3428 auf #31542F 1,25:1 Nicht bestanden
Aa #A6652B auf #748B2C 1,21:1 Nicht bestanden
Aa #893F43 auf #496669 1,19:1 Nicht bestanden
Aa #C95937 auf #7687AB 1,17:1 Nicht bestanden
Aa #893F43 auf #31542F 1,17:1 Nicht bestanden
Aa #A6652B auf #C95937 1,10:1 Nicht bestanden
Aa #C95937 auf #748B2C 1,10:1 Nicht bestanden
Aa #7687AB auf #748B2C 1,06:1 Nicht bestanden
Aa #5A3428 auf #393E26 1,03: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