Frankoma8

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

Zurück zur Bibliothek

Frankoma8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog green red 8colors brown

Likes 18

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #C88D71;
  --c-earthy-2: #F8E1BB;
  --c-earthy-3: #FFEFE1;
  --c-earthy-4: #BCAA84;
  --c-earthy-5: #E3CCB9;
  --c-earthy-6: #C15649;
  --c-earthy-7: #D68669;
  --c-earthy-8: #1C0F08;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Sugar Glaze (#FFEFE1) bis zum dunkelsten Ton Crowshead (#1C0F08). Sie vereint Baker’s Dream, Curd, Sugar Glaze, Feldspar Grey, Safari Map, Martian Ironearth, King Salmon und Crowshead in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFEFE1 auf #1C0F08 mit 16,67: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

Baker’s Dream #C88D71

RGB: rgb(200, 141, 113)
HSL: hsl(19, 44%, 61%)
Luminanz: 0,325

Curd #F8E1BB

RGB: rgb(248, 225, 187)
HSL: hsl(37, 81%, 85%)
Luminanz: 0,774

Sugar Glaze #FFEFE1

RGB: rgb(255, 239, 225)
HSL: hsl(28, 100%, 94%)
Luminanz: 0,884

Feldspar Grey #BCAA84

RGB: rgb(188, 170, 132)
HSL: hsl(41, 29%, 63%)
Luminanz: 0,411

Safari Map #E3CCB9

RGB: rgb(227, 204, 185)
HSL: hsl(27, 43%, 81%)
Luminanz: 0,630

Martian Ironearth #C15649

RGB: rgb(193, 86, 73)
HSL: hsl(7, 49%, 52%)
Luminanz: 0,185

King Salmon #D68669

RGB: rgb(214, 134, 105)
HSL: hsl(16, 57%, 63%)
Luminanz: 0,324

Crowshead #1C0F08

RGB: rgb(28, 15, 8)
HSL: hsl(21, 56%, 7%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #FFEFE1 auf #1C0F08 16,67:1 AAA

Aa #F8E1BB auf #1C0F08 14,70:1 AAA

Aa #E3CCB9 auf #1C0F08 12,13:1 AAA

Aa #BCAA84 auf #1C0F08 8,22:1 AAA

Aa #C88D71 auf #1C0F08 6,69:1 AA

Aa #D68669 auf #1C0F08 6,67:1 AA

Aa #C15649 auf #1C0F08 4,19:1 AA (großer Text)

Aa #FFEFE1 auf #C15649 3,98:1 AA (großer Text)

Aa #F8E1BB auf #C15649 3,51:1 AA (großer Text)

Aa #E3CCB9 auf #C15649 2,90:1 Nicht bestanden

Aa #FFEFE1 auf #D68669 2,50:1 Nicht bestanden

Aa #C88D71 auf #FFEFE1 2,49:1 Nicht bestanden

Aa #F8E1BB auf #D68669 2,21:1 Nicht bestanden

Aa #C88D71 auf #F8E1BB 2,20:1 Nicht bestanden

Aa #FFEFE1 auf #BCAA84 2,03:1 Nicht bestanden

Aa #BCAA84 auf #C15649 1,96:1 Nicht bestanden

Aa #E3CCB9 auf #D68669 1,82:1 Nicht bestanden

Aa #C88D71 auf #E3CCB9 1,81:1 Nicht bestanden

Aa #F8E1BB auf #BCAA84 1,79:1 Nicht bestanden

Aa #C88D71 auf #C15649 1,60:1 Nicht bestanden

Aa #C15649 auf #D68669 1,59:1 Nicht bestanden

Aa #BCAA84 auf #E3CCB9 1,48:1 Nicht bestanden

Aa #FFEFE1 auf #E3CCB9 1,37:1 Nicht bestanden

Aa #C88D71 auf #BCAA84 1,23:1 Nicht bestanden

Aa #BCAA84 auf #D68669 1,23:1 Nicht bestanden

Aa #F8E1BB auf #E3CCB9 1,21:1 Nicht bestanden

Aa #F8E1BB auf #FFEFE1 1,13:1 Nicht bestanden

Aa #C88D71 auf #D68669 1,00:1 Nicht bestanden

Frankoma8

Frankoma8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen