Old Movie

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Old Movie

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog old sepia photo cinema

Likes 62

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #20220C;
  --c-earthy-2: #423E25;
  --c-earthy-3: #746754;
  --c-earthy-4: #B4A797;
  --c-earthy-5: #D3C7B9;
  --c-earthy-6: #DFD7CC;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Always Neutral (#DFD7CC) bis zum dunkelsten Ton Black Mesa (#20220C). Sie vereint Black Mesa, Scorched Metal, Landmark, Sediment, Gravelstone und Always Neutral in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #20220C auf #DFD7CC mit 11,37: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

Black Mesa #20220C

RGB: rgb(32, 34, 12)
HSL: hsl(65, 48%, 9%)
Luminanz: 0,015

Scorched Metal #423E25

RGB: rgb(66, 62, 37)
HSL: hsl(52, 28%, 20%)
Luminanz: 0,047

Landmark #746754

RGB: rgb(116, 103, 84)
HSL: hsl(36, 16%, 39%)
Luminanz: 0,141

Sediment #B4A797

RGB: rgb(180, 167, 151)
HSL: hsl(33, 16%, 65%)
Luminanz: 0,396

Gravelstone #D3C7B9

RGB: rgb(211, 199, 185)
HSL: hsl(32, 23%, 78%)
Luminanz: 0,582

Always Neutral #DFD7CC

RGB: rgb(223, 215, 204)
HSL: hsl(35, 23%, 84%)
Luminanz: 0,687

Kontrast & Barrierefreiheit

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

Aa #20220C auf #DFD7CC 11,37:1 AAA

Aa #20220C auf #D3C7B9 9,76:1 AAA

Aa #423E25 auf #DFD7CC 7,56:1 AAA

Aa #20220C auf #B4A797 6,88:1 AA

Aa #423E25 auf #D3C7B9 6,49:1 AA

Aa #423E25 auf #B4A797 4,58:1 AA

Aa #746754 auf #DFD7CC 3,87:1 AA (großer Text)

Aa #746754 auf #D3C7B9 3,32:1 AA (großer Text)

Aa #20220C auf #746754 2,94:1 Nicht bestanden

Aa #746754 auf #B4A797 2,34:1 Nicht bestanden

Aa #423E25 auf #746754 1,96:1 Nicht bestanden

Aa #B4A797 auf #DFD7CC 1,65:1 Nicht bestanden

Aa #20220C auf #423E25 1,50:1 Nicht bestanden

Aa #B4A797 auf #D3C7B9 1,42:1 Nicht bestanden

Aa #D3C7B9 auf #DFD7CC 1,17:1 Nicht bestanden

Old Movie

Old Movie

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen