Startseite Farbpaletten Palette „Mango Orange“ mit 4 Farben

Palette „Mango Orange“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Mango Orange“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Triadisch

Likes 3.614

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #FF885B;
  --c-earthy-2: #FFE5CF;
  --c-earthy-3: #557C56;
  --c-earthy-4: #33372C;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Lumber (#FFE5CF) bis zum dunkelsten Ton Matcha Ash (#33372C). Sie vereint Mango Orange, Lumber, Green Mantle und Matcha Ash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFE5CF auf #33372C mit 10,07: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

Mango Orange #FF885B

RGB: rgb(255, 136, 91)
HSL: hsl(16, 100%, 68%)
Luminanz: 0,396

Lumber #FFE5CF

RGB: rgb(255, 229, 207)
HSL: hsl(28, 100%, 91%)
Luminanz: 0,818

Green Mantle #557C56

RGB: rgb(85, 124, 86)
HSL: hsl(122, 19%, 41%)
Luminanz: 0,170

Matcha Ash #33372C

RGB: rgb(51, 55, 44)
HSL: hsl(82, 11%, 19%)
Luminanz: 0,036

Kontrast & Barrierefreiheit

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

Aa #FFE5CF auf #33372C 10,07:1 AAA

Aa #FF885B auf #33372C 5,18:1 AA

Aa #FFE5CF auf #557C56 3,94:1 AA (großer Text)

Aa #557C56 auf #33372C 2,55:1 Nicht bestanden

Aa #FF885B auf #557C56 2,03:1 Nicht bestanden

Aa #FF885B auf #FFE5CF 1,95:1 Nicht bestanden

Palette „Mango Orange“ mit 4 Farben