Coffee

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

Zurück zur Bibliothek

Coffee

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Monochrom simple 8 color

Likes 23

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #0A0A0A;
  --c-earthy-3: #191919;
  --c-earthy-4: #533E2D;
  --c-earthy-5: #A27035;
  --c-earthy-6: #B88B4A;
  --c-earthy-7: #DDCA7D;
  --c-earthy-8: #FBF9EF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White Heat (#FBF9EF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Existential Angst, Thamar Black, Antique Brown, Hearth Gold, Yellow Acorn, Sandwisp und White Heat in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FBF9EF mit 19,9: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 #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Existential Angst #0A0A0A

RGB: rgb(10, 10, 10)
HSL: hsl(0, 0%, 4%)
Luminanz: 0,003

Thamar Black #191919

RGB: rgb(25, 25, 25)
HSL: hsl(0, 0%, 10%)
Luminanz: 0,010

Antique Brown #533E2D

RGB: rgb(83, 62, 45)
HSL: hsl(27, 30%, 25%)
Luminanz: 0,055

Hearth Gold #A27035

RGB: rgb(162, 112, 53)
HSL: hsl(32, 51%, 42%)
Luminanz: 0,195

Yellow Acorn #B88B4A

RGB: rgb(184, 139, 74)
HSL: hsl(35, 44%, 51%)
Luminanz: 0,292

Sandwisp #DDCA7D

RGB: rgb(221, 202, 125)
HSL: hsl(48, 59%, 68%)
Luminanz: 0,591

White Heat #FBF9EF

RGB: rgb(251, 249, 239)
HSL: hsl(50, 60%, 96%)
Luminanz: 0,945

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FBF9EF 19,90:1 AAA

Aa #0A0A0A auf #FBF9EF 18,76:1 AAA

Aa #191919 auf #FBF9EF 16,66:1 AAA

Aa #000000 auf #DDCA7D 12,82:1 AAA

Aa #0A0A0A auf #DDCA7D 12,09:1 AAA

Aa #191919 auf #DDCA7D 10,73:1 AAA

Aa #533E2D auf #FBF9EF 9,50:1 AAA

Aa #000000 auf #B88B4A 6,83:1 AA

Aa #0A0A0A auf #B88B4A 6,44:1 AA

Aa #533E2D auf #DDCA7D 6,12:1 AA

Aa #191919 auf #B88B4A 5,72:1 AA

Aa #000000 auf #A27035 4,91:1 AA

Aa #0A0A0A auf #A27035 4,62:1 AA

Aa #191919 auf #A27035 4,11:1 AA (großer Text)

Aa #A27035 auf #FBF9EF 4,06:1 AA (großer Text)

Aa #533E2D auf #B88B4A 3,26:1 AA (großer Text)

Aa #B88B4A auf #FBF9EF 2,91:1 Nicht bestanden

Aa #A27035 auf #DDCA7D 2,61:1 Nicht bestanden

Aa #533E2D auf #A27035 2,34:1 Nicht bestanden

Aa #000000 auf #533E2D 2,09:1 Nicht bestanden

Aa #0A0A0A auf #533E2D 1,97:1 Nicht bestanden

Aa #B88B4A auf #DDCA7D 1,88:1 Nicht bestanden

Aa #191919 auf #533E2D 1,75:1 Nicht bestanden

Aa #DDCA7D auf #FBF9EF 1,55:1 Nicht bestanden

Aa #A27035 auf #B88B4A 1,39:1 Nicht bestanden

Aa #000000 auf #191919 1,19:1 Nicht bestanden

Aa #0A0A0A auf #191919 1,13:1 Nicht bestanden

Aa #000000 auf #0A0A0A 1,06:1 Nicht bestanden

Coffee

Coffee

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen