Startseite Farbpaletten Palette „Sausage Roll“ mit 4 Farben

Palette „Sausage Roll“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sausage Roll“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 9.396

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1E201E;
  --c-muted-2: #3C3D37;
  --c-muted-3: #697565;
  --c-muted-4: #ECDFCC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Sausage Roll (#ECDFCC) bis zum dunkelsten Ton Petroleum (#1E201E). Sie vereint Petroleum, Black Olive, Nature Lover und Sausage Roll 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 #1E201E auf #ECDFCC mit 12,49:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Petroleum #1E201E

RGB: rgb(30, 32, 30)
HSL: hsl(120, 3%, 12%)
Luminanz: 0,014

Black Olive #3C3D37

RGB: rgb(60, 61, 55)
HSL: hsl(70, 5%, 23%)
Luminanz: 0,046

Nature Lover #697565

RGB: rgb(105, 117, 101)
HSL: hsl(105, 7%, 43%)
Luminanz: 0,167

Sausage Roll #ECDFCC

RGB: rgb(236, 223, 204)
HSL: hsl(36, 46%, 86%)
Luminanz: 0,750

Kontrast & Barrierefreiheit

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

Aa #1E201E auf #ECDFCC 12,49:1 AAA

Aa #3C3D37 auf #ECDFCC 8,35:1 AAA

Aa #697565 auf #ECDFCC 3,69:1 AA (großer Text)

Aa #1E201E auf #697565 3,38:1 AA (großer Text)

Aa #3C3D37 auf #697565 2,26:1 Nicht bestanden

Aa #1E201E auf #3C3D37 1,50:1 Nicht bestanden

Palette „Sausage Roll“ mit 4 Farben