Gawr8

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

Zurück zur Bibliothek

Gawr8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär gold coral turquoise

Likes 13

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #170E2F;
  --c-earthy-2: #724440;
  --c-earthy-3: #347F7C;
  --c-earthy-4: #D56E48;
  --c-earthy-5: #A892AF;
  --c-earthy-6: #D2AA5B;
  --c-earthy-7: #BFC87E;
  --c-earthy-8: #EEF2E5;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Saltpan (#EEF2E5) bis zum dunkelsten Ton Midnight Monarch (#170E2F). Sie vereint Midnight Monarch, Roast Coffee, Apatite Blue, Coral Gold, Knight’s Tale, Afghan Sand, Soda Pop und Saltpan in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #170E2F auf #EEF2E5 mit 16,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

Midnight Monarch #170E2F

RGB: rgb(23, 14, 47)
HSL: hsl(256, 54%, 12%)
Luminanz: 0,007

Roast Coffee #724440

RGB: rgb(114, 68, 64)
HSL: hsl(5, 28%, 35%)
Luminanz: 0,081

Apatite Blue #347F7C

RGB: rgb(52, 127, 124)
HSL: hsl(178, 42%, 35%)
Luminanz: 0,174

Coral Gold #D56E48

RGB: rgb(213, 110, 72)
HSL: hsl(16, 63%, 56%)
Luminanz: 0,258

Knight’s Tale #A892AF

RGB: rgb(168, 146, 175)
HSL: hsl(286, 15%, 63%)
Luminanz: 0,320

Afghan Sand #D2AA5B

RGB: rgb(210, 170, 91)
HSL: hsl(40, 57%, 59%)
Luminanz: 0,432

Soda Pop #BFC87E

RGB: rgb(191, 200, 126)
HSL: hsl(67, 40%, 64%)
Luminanz: 0,539

Saltpan #EEF2E5

RGB: rgb(238, 242, 229)
HSL: hsl(78, 33%, 92%)
Luminanz: 0,873

Kontrast & Barrierefreiheit

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

Aa #170E2F auf #EEF2E5 16,20:1 AAA

Aa #170E2F auf #BFC87E 10,33:1 AAA

Aa #170E2F auf #D2AA5B 8,46:1 AAA

Aa #724440 auf #EEF2E5 7,06:1 AAA

Aa #170E2F auf #A892AF 6,49:1 AA

Aa #170E2F auf #D56E48 5,40:1 AA

Aa #724440 auf #BFC87E 4,50:1 AA

Aa #347F7C auf #EEF2E5 4,13:1 AA (großer Text)

Aa #170E2F auf #347F7C 3,92:1 AA (großer Text)

Aa #724440 auf #D2AA5B 3,68:1 AA (großer Text)

Aa #D56E48 auf #EEF2E5 3,00:1 AA (großer Text)

Aa #724440 auf #A892AF 2,83:1 Nicht bestanden

Aa #347F7C auf #BFC87E 2,63:1 Nicht bestanden

Aa #A892AF auf #EEF2E5 2,50:1 Nicht bestanden

Aa #724440 auf #D56E48 2,35:1 Nicht bestanden

Aa #170E2F auf #724440 2,29:1 Nicht bestanden

Aa #347F7C auf #D2AA5B 2,16:1 Nicht bestanden

Aa #D2AA5B auf #EEF2E5 1,92:1 Nicht bestanden

Aa #D56E48 auf #BFC87E 1,91:1 Nicht bestanden

Aa #724440 auf #347F7C 1,71:1 Nicht bestanden

Aa #347F7C auf #A892AF 1,65:1 Nicht bestanden

Aa #A892AF auf #BFC87E 1,59:1 Nicht bestanden

Aa #D56E48 auf #D2AA5B 1,57:1 Nicht bestanden

Aa #BFC87E auf #EEF2E5 1,57:1 Nicht bestanden

Aa #347F7C auf #D56E48 1,38:1 Nicht bestanden

Aa #A892AF auf #D2AA5B 1,30:1 Nicht bestanden

Aa #D2AA5B auf #BFC87E 1,22:1 Nicht bestanden

Aa #D56E48 auf #A892AF 1,20:1 Nicht bestanden

Gawr8

Gawr8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen