Startseite Farbpaletten Palette „Twilight Express“ mit 4 Farben

Palette „Twilight Express“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Twilight Express“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Neutral Hell Komplementär

Likes 12.154

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #1C3879;
  --c-earthy-2: #607EAA;
  --c-earthy-3: #EAE3D2;
  --c-earthy-4: #F9F5EB;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Clear Moon (#F9F5EB) bis zum dunkelsten Ton Twilight Express (#1C3879). Sie vereint Twilight Express, Deck Crew, Abilene Lace und Clear Moon 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 #1C3879 auf #F9F5EB mit 10,2: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

Twilight Express #1C3879

RGB: rgb(28, 56, 121)
HSL: hsl(222, 62%, 29%)
Luminanz: 0,045

Deck Crew #607EAA

RGB: rgb(96, 126, 170)
HSL: hsl(216, 30%, 52%)
Luminanz: 0,203

Abilene Lace #EAE3D2

RGB: rgb(234, 227, 210)
HSL: hsl(43, 36%, 87%)
Luminanz: 0,771

Clear Moon #F9F5EB

RGB: rgb(249, 245, 235)
HSL: hsl(43, 54%, 95%)
Luminanz: 0,914

Kontrast & Barrierefreiheit

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

Aa #1C3879 auf #F9F5EB 10,20:1 AAA

Aa #1C3879 auf #EAE3D2 8,68:1 AAA

Aa #607EAA auf #F9F5EB 3,81:1 AA (großer Text)

Aa #607EAA auf #EAE3D2 3,24:1 AA (großer Text)

Aa #1C3879 auf #607EAA 2,68:1 Nicht bestanden

Aa #EAE3D2 auf #F9F5EB 1,17:1 Nicht bestanden

Palette „Twilight Express“ mit 4 Farben