Magic Carpet

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Magic Carpet

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär red yellow brown teal

Likes 24

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #FFE6C5;
  --c-earthy-2: #DE9D4A;
  --c-earthy-3: #943031;
  --c-earthy-4: #5A757B;
  --c-earthy-5: #53403C;
  --c-earthy-6: #393031;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Neutral Peach (#FFE6C5) bis zum dunkelsten Ton Oil Grey (#393031). Sie vereint Neutral Peach, Pavilion Peach, Ripasso, Blue Sage, Laurel Nut Brown und Oil Grey in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFE6C5 auf #393031 mit 10,59: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

Neutral Peach #FFE6C5

RGB: rgb(255, 230, 197)
HSL: hsl(34, 100%, 89%)
Luminanz: 0,819

Pavilion Peach #DE9D4A

RGB: rgb(222, 157, 74)
HSL: hsl(34, 69%, 58%)
Luminanz: 0,401

Ripasso #943031

RGB: rgb(148, 48, 49)
HSL: hsl(359, 51%, 38%)
Luminanz: 0,086

Blue Sage #5A757B

RGB: rgb(90, 117, 123)
HSL: hsl(191, 15%, 42%)
Luminanz: 0,163

Laurel Nut Brown #53403C

RGB: rgb(83, 64, 60)
HSL: hsl(10, 16%, 28%)
Luminanz: 0,058

Oil Grey #393031

RGB: rgb(57, 48, 49)
HSL: hsl(353, 9%, 21%)
Luminanz: 0,032

Kontrast & Barrierefreiheit

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

Aa #FFE6C5 auf #393031 10,59:1 AAA

Aa #FFE6C5 auf #53403C 8,02:1 AAA

Aa #FFE6C5 auf #943031 6,37:1 AA

Aa #DE9D4A auf #393031 5,50:1 AA

Aa #DE9D4A auf #53403C 4,17:1 AA (großer Text)

Aa #FFE6C5 auf #5A757B 4,07:1 AA (großer Text)

Aa #DE9D4A auf #943031 3,31:1 AA (großer Text)

Aa #5A757B auf #393031 2,60:1 Nicht bestanden

Aa #DE9D4A auf #5A757B 2,12:1 Nicht bestanden

Aa #5A757B auf #53403C 1,97:1 Nicht bestanden

Aa #FFE6C5 auf #DE9D4A 1,92:1 Nicht bestanden

Aa #943031 auf #393031 1,66:1 Nicht bestanden

Aa #943031 auf #5A757B 1,56:1 Nicht bestanden

Aa #53403C auf #393031 1,32:1 Nicht bestanden

Aa #943031 auf #53403C 1,26:1 Nicht bestanden

Magic Carpet

Magic Carpet

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen