Janvier

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

Zurück zur Bibliothek

Janvier

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär

Likes 4

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #AE5B39;
  --c-earthy-2: #D5A35F;
  --c-earthy-3: #28281C;
  --c-earthy-4: #FAF7E4;
  --c-earthy-5: #548899;
  --c-earthy-6: #CFC49A;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Diamond (#FAF7E4) bis zum dunkelsten Ton Maire (#28281C). Sie vereint Fragrant Cloves, Amber Brew, Maire, Diamond, Stratford Blue und Inviting Gesture in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #28281C auf #FAF7E4 mit 13,82: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

Fragrant Cloves #AE5B39

RGB: rgb(174, 91, 57)
HSL: hsl(17, 51%, 45%)
Luminanz: 0,168

Amber Brew #D5A35F

RGB: rgb(213, 163, 95)
HSL: hsl(35, 58%, 60%)
Luminanz: 0,412

Maire #28281C

RGB: rgb(40, 40, 28)
HSL: hsl(60, 18%, 13%)
Luminanz: 0,021

Diamond #FAF7E4

RGB: rgb(250, 247, 228)
HSL: hsl(52, 69%, 94%)
Luminanz: 0,925

Stratford Blue #548899

RGB: rgb(84, 136, 153)
HSL: hsl(195, 29%, 46%)
Luminanz: 0,218

Inviting Gesture #CFC49A

RGB: rgb(207, 196, 154)
HSL: hsl(48, 36%, 71%)
Luminanz: 0,551

Kontrast & Barrierefreiheit

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

Aa #28281C auf #FAF7E4 13,82:1 AAA

Aa #28281C auf #CFC49A 8,52:1 AAA

Aa #D5A35F auf #28281C 6,55:1 AA

Aa #AE5B39 auf #FAF7E4 4,47:1 AA (großer Text)

Aa #28281C auf #548899 3,80:1 AA (großer Text)

Aa #FAF7E4 auf #548899 3,64:1 AA (großer Text)

Aa #AE5B39 auf #28281C 3,09:1 AA (großer Text)

Aa #AE5B39 auf #CFC49A 2,76:1 Nicht bestanden

Aa #548899 auf #CFC49A 2,24:1 Nicht bestanden

Aa #AE5B39 auf #D5A35F 2,12:1 Nicht bestanden

Aa #D5A35F auf #FAF7E4 2,11:1 Nicht bestanden

Aa #D5A35F auf #548899 1,72:1 Nicht bestanden

Aa #FAF7E4 auf #CFC49A 1,62:1 Nicht bestanden

Aa #D5A35F auf #CFC49A 1,30:1 Nicht bestanden

Aa #AE5B39 auf #548899 1,23:1 Nicht bestanden

Janvier

Janvier

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen