Eddie Munson

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

Zurück zur Bibliothek

Eddie Munson

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Triadisch 8colors

Likes 25

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #CAE7BA;
  --c-earthy-3: #45A781;
  --c-earthy-4: #FFF0A7;
  --c-earthy-5: #EFBD41;
  --c-earthy-6: #CC4C20;
  --c-earthy-7: #202F1D;
  --c-earthy-8: #000000;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint White, Iced Avocado, Funk, Buttered Popcorn, Golden Glam, Underpass Shrine, Kuro Green und Black 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 #FFFFFF auf #000000 mit 21: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

White #FFFFFF

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

Iced Avocado #CAE7BA

RGB: rgb(202, 231, 186)
HSL: hsl(99, 48%, 82%)
Luminanz: 0,733

Funk #45A781

RGB: rgb(69, 167, 129)
HSL: hsl(157, 42%, 46%)
Luminanz: 0,305

Buttered Popcorn #FFF0A7

RGB: rgb(255, 240, 167)
HSL: hsl(50, 100%, 83%)
Luminanz: 0,864

Golden Glam #EFBD41

RGB: rgb(239, 189, 65)
HSL: hsl(43, 84%, 60%)
Luminanz: 0,551

Underpass Shrine #CC4C20

RGB: rgb(204, 76, 32)
HSL: hsl(15, 73%, 46%)
Luminanz: 0,181

Kuro Green #202F1D

RGB: rgb(32, 47, 29)
HSL: hsl(110, 24%, 15%)
Luminanz: 0,024

Black #000000

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

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #000000 21,00:1 AAA

Aa #FFF0A7 auf #000000 18,27:1 AAA

Aa #CAE7BA auf #000000 15,65:1 AAA

Aa #FFFFFF auf #202F1D 14,13:1 AAA

Aa #FFF0A7 auf #202F1D 12,30:1 AAA

Aa #EFBD41 auf #000000 12,03:1 AAA

Aa #CAE7BA auf #202F1D 10,53:1 AAA

Aa #EFBD41 auf #202F1D 8,09:1 AAA

Aa #45A781 auf #000000 7,10:1 AAA

Aa #45A781 auf #202F1D 4,78:1 AA

Aa #CC4C20 auf #000000 4,62:1 AA

Aa #FFFFFF auf #CC4C20 4,54:1 AA

Aa #FFF0A7 auf #CC4C20 3,95:1 AA (großer Text)

Aa #CAE7BA auf #CC4C20 3,39:1 AA (großer Text)

Aa #CC4C20 auf #202F1D 3,11:1 AA (großer Text)

Aa #FFFFFF auf #45A781 2,96:1 Nicht bestanden

Aa #EFBD41 auf #CC4C20 2,60:1 Nicht bestanden

Aa #45A781 auf #FFF0A7 2,57:1 Nicht bestanden

Aa #CAE7BA auf #45A781 2,21:1 Nicht bestanden

Aa #FFFFFF auf #EFBD41 1,75:1 Nicht bestanden

Aa #45A781 auf #EFBD41 1,69:1 Nicht bestanden

Aa #45A781 auf #CC4C20 1,54:1 Nicht bestanden

Aa #FFF0A7 auf #EFBD41 1,52:1 Nicht bestanden

Aa #202F1D auf #000000 1,49:1 Nicht bestanden

Aa #FFFFFF auf #CAE7BA 1,34:1 Nicht bestanden

Aa #CAE7BA auf #EFBD41 1,30:1 Nicht bestanden

Aa #CAE7BA auf #FFF0A7 1,17:1 Nicht bestanden

Aa #FFFFFF auf #FFF0A7 1,15:1 Nicht bestanden

Eddie Munson

Eddie Munson

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen