Startseite Farbpaletten Palette „Peach Amber“ mit 4 Farben

Palette „Peach Amber“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Peach Amber“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 4.030

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #F4F6F6;
  --c-earthy-2: #FF9C91;
  --c-earthy-3: #CD3F3E;
  --c-earthy-4: #1C2938;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Gram’s Hair (#F4F6F6) bis zum dunkelsten Ton Oceanic Noir (#1C2938). Sie vereint Gram’s Hair, Peach Amber, Mullen Pink und Oceanic Noir 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 #F4F6F6 auf #1C2938 mit 13,6: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

Gram’s Hair #F4F6F6

RGB: rgb(244, 246, 246)
HSL: hsl(180, 10%, 96%)
Luminanz: 0,918

Peach Amber #FF9C91

RGB: rgb(255, 156, 145)
HSL: hsl(6, 100%, 78%)
Luminanz: 0,471

Mullen Pink #CD3F3E

RGB: rgb(205, 63, 62)
HSL: hsl(0, 59%, 52%)
Luminanz: 0,169

Oceanic Noir #1C2938

RGB: rgb(28, 41, 56)
HSL: hsl(212, 33%, 16%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #F4F6F6 auf #1C2938 13,60:1 AAA

Aa #FF9C91 auf #1C2938 7,32:1 AAA

Aa #F4F6F6 auf #CD3F3E 4,42:1 AA (großer Text)

Aa #CD3F3E auf #1C2938 3,07:1 AA (großer Text)

Aa #FF9C91 auf #CD3F3E 2,38:1 Nicht bestanden

Aa #F4F6F6 auf #FF9C91 1,86:1 Nicht bestanden

Palette „Peach Amber“ mit 4 Farben