Startseite Farbpaletten Sahara Pastell

Sahara Pastell

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Sahara Pastell

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär sahara pastell

Likes 9

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #1A1236;
  --c-earthy-2: #1C598C;
  --c-earthy-3: #A16666;
  --c-earthy-4: #DAE8A0;
  --c-earthy-5: #FFFEE3;
  --c-earthy-6: #FFFFFF;
  --c-earthy-7: #C8BB70;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Midnight Monarch (#1A1236). Sie vereint Midnight Monarch, Strong Will, Withered Rose, Fresh Frappé, Buttermilk, White und Pistachio Shortbread in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A1236 auf #FFFFFF mit 17,74: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

Midnight Monarch #1A1236

RGB: rgb(26, 18, 54)
HSL: hsl(253, 50%, 14%)
Luminanz: 0,009

Strong Will #1C598C

RGB: rgb(28, 89, 140)
HSL: hsl(207, 67%, 33%)
Luminanz: 0,093

Withered Rose #A16666

RGB: rgb(161, 102, 102)
HSL: hsl(0, 24%, 52%)
Luminanz: 0,180

Fresh Frappé #DAE8A0

RGB: rgb(218, 232, 160)
HSL: hsl(72, 61%, 77%)
Luminanz: 0,752

Buttermilk #FFFEE3

RGB: rgb(255, 254, 227)
HSL: hsl(58, 100%, 95%)
Luminanz: 0,977

White #FFFFFF

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

Pistachio Shortbread #C8BB70

RGB: rgb(200, 187, 112)
HSL: hsl(51, 44%, 61%)
Luminanz: 0,490

Kontrast & Barrierefreiheit

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

Aa #1A1236 auf #FFFFFF 17,74:1 AAA

Aa #1A1236 auf #FFFEE3 17,35:1 AAA

Aa #1A1236 auf #DAE8A0 13,54:1 AAA

Aa #1A1236 auf #C8BB70 9,12:1 AAA

Aa #1C598C auf #FFFFFF 7,35:1 AAA

Aa #1C598C auf #FFFEE3 7,19:1 AAA

Aa #1C598C auf #DAE8A0 5,61:1 AA

Aa #A16666 auf #FFFFFF 4,56:1 AA

Aa #A16666 auf #FFFEE3 4,46:1 AA (großer Text)

Aa #1A1236 auf #A16666 3,89:1 AA (großer Text)

Aa #1C598C auf #C8BB70 3,78:1 AA (großer Text)

Aa #A16666 auf #DAE8A0 3,48:1 AA (großer Text)

Aa #1A1236 auf #1C598C 2,41:1 Nicht bestanden

Aa #A16666 auf #C8BB70 2,34:1 Nicht bestanden

Aa #FFFFFF auf #C8BB70 1,94:1 Nicht bestanden

Aa #FFFEE3 auf #C8BB70 1,90:1 Nicht bestanden

Aa #1C598C auf #A16666 1,61:1 Nicht bestanden

Aa #DAE8A0 auf #C8BB70 1,48:1 Nicht bestanden

Aa #DAE8A0 auf #FFFFFF 1,31:1 Nicht bestanden

Aa #DAE8A0 auf #FFFEE3 1,28:1 Nicht bestanden

Aa #FFFEE3 auf #FFFFFF 1,02:1 Nicht bestanden

Sahara Pastell

Sahara Pastell

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen