Islandshore

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

Zurück zur Bibliothek

Islandshore

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär polyphrog beach sand island

Likes 66

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2C2111;
  --c-earthy-2: #584E44;
  --c-earthy-3: #2B5E91;
  --c-earthy-4: #647631;
  --c-earthy-5: #A17B5B;
  --c-earthy-6: #5BA1A7;
  --c-earthy-7: #CBB234;
  --c-earthy-8: #DED598;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Liminality (#DED598) bis zum dunkelsten Ton Coffee Grounds (#2C2111). Sie vereint Coffee Grounds, Dark Truffle, Outer Reef, Muddy Green, Agrellan Earth, Atlas Cedar, Yellowstone und Liminality in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C2111 auf #DED598 mit 10,56: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

Coffee Grounds #2C2111

RGB: rgb(44, 33, 17)
HSL: hsl(36, 44%, 12%)
Luminanz: 0,017

Dark Truffle #584E44

RGB: rgb(88, 78, 68)
HSL: hsl(30, 13%, 31%)
Luminanz: 0,079

Outer Reef #2B5E91

RGB: rgb(43, 94, 145)
HSL: hsl(210, 54%, 37%)
Luminanz: 0,106

Muddy Green #647631

RGB: rgb(100, 118, 49)
HSL: hsl(76, 41%, 33%)
Luminanz: 0,159

Agrellan Earth #A17B5B

RGB: rgb(161, 123, 91)
HSL: hsl(27, 28%, 49%)
Luminanz: 0,225

Atlas Cedar #5BA1A7

RGB: rgb(91, 161, 167)
HSL: hsl(185, 30%, 51%)
Luminanz: 0,305

Yellowstone #CBB234

RGB: rgb(203, 178, 52)
HSL: hsl(50, 59%, 50%)
Luminanz: 0,448

Liminality #DED598

RGB: rgb(222, 213, 152)
HSL: hsl(52, 51%, 73%)
Luminanz: 0,654

Kontrast & Barrierefreiheit

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

Aa #2C2111 auf #DED598 10,56:1 AAA

Aa #2C2111 auf #CBB234 7,47:1 AAA

Aa #584E44 auf #DED598 5,44:1 AA

Aa #2C2111 auf #5BA1A7 5,33:1 AA

Aa #2B5E91 auf #DED598 4,52:1 AA

Aa #2C2111 auf #A17B5B 4,13:1 AA (großer Text)

Aa #584E44 auf #CBB234 3,85:1 AA (großer Text)

Aa #647631 auf #DED598 3,37:1 AA (großer Text)

Aa #2B5E91 auf #CBB234 3,20:1 AA (großer Text)

Aa #2C2111 auf #647631 3,13:1 AA (großer Text)

Aa #584E44 auf #5BA1A7 2,74:1 Nicht bestanden

Aa #A17B5B auf #DED598 2,56:1 Nicht bestanden

Aa #647631 auf #CBB234 2,38:1 Nicht bestanden

Aa #2C2111 auf #2B5E91 2,34:1 Nicht bestanden

Aa #2B5E91 auf #5BA1A7 2,28:1 Nicht bestanden

Aa #584E44 auf #A17B5B 2,12:1 Nicht bestanden

Aa #5BA1A7 auf #DED598 1,98:1 Nicht bestanden

Aa #2C2111 auf #584E44 1,94:1 Nicht bestanden

Aa #A17B5B auf #CBB234 1,81:1 Nicht bestanden

Aa #2B5E91 auf #A17B5B 1,77:1 Nicht bestanden

Aa #647631 auf #5BA1A7 1,70:1 Nicht bestanden

Aa #584E44 auf #647631 1,61:1 Nicht bestanden

Aa #CBB234 auf #DED598 1,41:1 Nicht bestanden

Aa #5BA1A7 auf #CBB234 1,40:1 Nicht bestanden

Aa #2B5E91 auf #647631 1,34:1 Nicht bestanden

Aa #647631 auf #A17B5B 1,32:1 Nicht bestanden

Aa #A17B5B auf #5BA1A7 1,29:1 Nicht bestanden

Aa #584E44 auf #2B5E91 1,20:1 Nicht bestanden

Islandshore

Islandshore

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen