Startseite Farbpaletten Palette „Dry Sand“ mit 4 Farben

Palette „Dry Sand“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Dry Sand“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 6.970

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F2F2F2;
  --c-muted-2: #EAE4D5;
  --c-muted-3: #B6B09F;
  --c-muted-4: #000000;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bleached Silk (#F2F2F2) bis zum dunkelsten Ton Black (#000000). Sie vereint Bleached Silk, Dry Sand, Stone Walkway und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2F2F2 auf #000000 mit 18,76:1.

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

Farben im Detail

Bleached Silk #F2F2F2

RGB: rgb(242, 242, 242)
HSL: hsl(0, 0%, 95%)
Luminanz: 0,888

Dry Sand #EAE4D5

RGB: rgb(234, 228, 213)
HSL: hsl(43, 33%, 88%)
Luminanz: 0,778

Stone Walkway #B6B09F

RGB: rgb(182, 176, 159)
HSL: hsl(44, 14%, 67%)
Luminanz: 0,435

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #F2F2F2 auf #000000 18,76:1 AAA

Aa #EAE4D5 auf #000000 16,56:1 AAA

Aa #B6B09F auf #000000 9,70:1 AAA

Aa #F2F2F2 auf #B6B09F 1,93:1 Nicht bestanden

Aa #EAE4D5 auf #B6B09F 1,71:1 Nicht bestanden

Aa #F2F2F2 auf #EAE4D5 1,13:1 Nicht bestanden

Palette „Dry Sand“ mit 4 Farben