Startseite Farbpaletten Palette „Ancient Ruins“ mit 4 Farben

Palette „Ancient Ruins“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Ancient Ruins“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 7.927

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EEEDEB;
  --c-muted-2: #E0CCBE;
  --c-muted-3: #747264;
  --c-muted-4: #3C3633;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Snow Storm (#EEEDEB) bis zum dunkelsten Ton Fired Earth (#3C3633). Sie vereint Snow Storm, Ancient Ruins, Viking Castle und Fired Earth 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 #EEEDEB auf #3C3633 mit 10,15:1.

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

Farben im Detail

Snow Storm #EEEDEB

RGB: rgb(238, 237, 235)
HSL: hsl(40, 8%, 93%)
Luminanz: 0,847

Ancient Ruins #E0CCBE

RGB: rgb(224, 204, 190)
HSL: hsl(25, 35%, 81%)
Luminanz: 0,628

Viking Castle #747264

RGB: rgb(116, 114, 100)
HSL: hsl(53, 7%, 42%)
Luminanz: 0,167

Fired Earth #3C3633

RGB: rgb(60, 54, 51)
HSL: hsl(20, 8%, 22%)
Luminanz: 0,038

Kontrast & Barrierefreiheit

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

Aa #EEEDEB auf #3C3633 10,15:1 AAA

Aa #E0CCBE auf #3C3633 7,67:1 AAA

Aa #EEEDEB auf #747264 4,14:1 AA (großer Text)

Aa #E0CCBE auf #747264 3,13:1 AA (großer Text)

Aa #747264 auf #3C3633 2,45:1 Nicht bestanden

Aa #EEEDEB auf #E0CCBE 1,32:1 Nicht bestanden

Palette „Ancient Ruins“ mit 4 Farben