Startseite Farbpaletten Not A Bauhaus, A Bauhome

Not A Bauhaus, A Bauhome

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Not A Bauhaus, A Bauhome

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 8 Farben Warm Gemischt Triadisch warm sunset retro eight

Likes 99

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #150C21;
  --c-earthy-2: #332232;
  --c-earthy-3: #703C67;
  --c-earthy-4: #5A2D2A;
  --c-earthy-5: #B15B35;
  --c-earthy-6: #EAA44A;
  --c-earthy-7: #F0CE6E;
  --c-earthy-8: #FCF8F4;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Unbleached (#FCF8F4) bis zum dunkelsten Ton Corbeau (#150C21). Sie vereint Corbeau, Zero Gravity, Burnt Orchid, Bratwurst, Monument Valley, Golden Koi, Funky Yellow und Unbleached in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #150C21 auf #FCF8F4 mit 17,96: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

Corbeau #150C21

RGB: rgb(21, 12, 33)
HSL: hsl(266, 47%, 9%)
Luminanz: 0,005

Zero Gravity #332232

RGB: rgb(51, 34, 50)
HSL: hsl(304, 20%, 17%)
Luminanz: 0,021

Burnt Orchid #703C67

RGB: rgb(112, 60, 103)
HSL: hsl(310, 30%, 34%)
Luminanz: 0,077

Bratwurst #5A2D2A

RGB: rgb(90, 45, 42)
HSL: hsl(4, 36%, 26%)
Luminanz: 0,042

Monument Valley #B15B35

RGB: rgb(177, 91, 53)
HSL: hsl(18, 54%, 45%)
Luminanz: 0,171

Golden Koi #EAA44A

RGB: rgb(234, 164, 74)
HSL: hsl(34, 79%, 60%)
Luminanz: 0,445

Funky Yellow #F0CE6E

RGB: rgb(240, 206, 110)
HSL: hsl(44, 81%, 69%)
Luminanz: 0,638

Unbleached #FCF8F4

RGB: rgb(252, 248, 244)
HSL: hsl(30, 57%, 97%)
Luminanz: 0,944

Kontrast & Barrierefreiheit

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

Aa #150C21 auf #FCF8F4 17,96:1 AAA

Aa #332232 auf #FCF8F4 14,04:1 AAA

Aa #150C21 auf #F0CE6E 12,44:1 AAA

Aa #5A2D2A auf #FCF8F4 10,78:1 AAA

Aa #332232 auf #F0CE6E 9,72:1 AAA

Aa #150C21 auf #EAA44A 8,95:1 AAA

Aa #703C67 auf #FCF8F4 7,85:1 AAA

Aa #5A2D2A auf #F0CE6E 7,46:1 AAA

Aa #332232 auf #EAA44A 7,00:1 AAA

Aa #703C67 auf #F0CE6E 5,44:1 AA

Aa #5A2D2A auf #EAA44A 5,37:1 AA

Aa #B15B35 auf #FCF8F4 4,50:1 AA

Aa #150C21 auf #B15B35 3,99:1 AA (großer Text)

Aa #703C67 auf #EAA44A 3,91:1 AA (großer Text)

Aa #332232 auf #B15B35 3,12:1 AA (großer Text)

Aa #B15B35 auf #F0CE6E 3,11:1 AA (großer Text)

Aa #5A2D2A auf #B15B35 2,40:1 Nicht bestanden

Aa #150C21 auf #703C67 2,29:1 Nicht bestanden

Aa #B15B35 auf #EAA44A 2,24:1 Nicht bestanden

Aa #EAA44A auf #FCF8F4 2,01:1 Nicht bestanden

Aa #332232 auf #703C67 1,79:1 Nicht bestanden

Aa #703C67 auf #B15B35 1,75:1 Nicht bestanden

Aa #150C21 auf #5A2D2A 1,67:1 Nicht bestanden

Aa #F0CE6E auf #FCF8F4 1,44:1 Nicht bestanden

Aa #EAA44A auf #F0CE6E 1,39:1 Nicht bestanden

Aa #703C67 auf #5A2D2A 1,37:1 Nicht bestanden

Aa #332232 auf #5A2D2A 1,30:1 Nicht bestanden

Aa #150C21 auf #332232 1,28:1 Nicht bestanden

Not A Bauhaus, A Bauhome