Startseite Farbpaletten Palette „Mandarin Sorbet“ mit 4 Farben

Palette „Mandarin Sorbet“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Mandarin Sorbet“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 4 Farben Neutral Gemischt Komplementär

Likes 2.235

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #2F3C4F;
  --c-earthy-2: #506E86;
  --c-earthy-3: #FCB040;
  --c-earthy-4: #DE703B;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Mandarin Sorbet (#FCB040) bis zum dunkelsten Ton Dark Spell (#2F3C4F). Sie vereint Dark Spell, Shipyard, Mandarin Sorbet und Knockout Orange in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2F3C4F auf #FCB040 mit 6,08: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

Dark Spell #2F3C4F

RGB: rgb(47, 60, 79)
HSL: hsl(216, 25%, 25%)
Luminanz: 0,044

Shipyard #506E86

RGB: rgb(80, 110, 134)
HSL: hsl(207, 25%, 42%)
Luminanz: 0,146

Mandarin Sorbet #FCB040

RGB: rgb(252, 176, 64)
HSL: hsl(36, 97%, 62%)
Luminanz: 0,521

Knockout Orange #DE703B

RGB: rgb(222, 112, 59)
HSL: hsl(20, 71%, 55%)
Luminanz: 0,274

Kontrast & Barrierefreiheit

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

Aa #2F3C4F auf #FCB040 6,08:1 AA

Aa #2F3C4F auf #DE703B 3,45:1 AA (großer Text)

Aa #506E86 auf #FCB040 2,92:1 Nicht bestanden

Aa #2F3C4F auf #506E86 2,08:1 Nicht bestanden

Aa #FCB040 auf #DE703B 1,76:1 Nicht bestanden

Aa #506E86 auf #DE703B 1,66:1 Nicht bestanden

Palette „Mandarin Sorbet“ mit 4 Farben