Startseite Farbpaletten Petite 8 Afterdark

Petite 8 Afterdark

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

Zurück zur Bibliothek

Petite 8 Afterdark

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

Bearbeiten

Erdig 8 Farben Warm Dunkel Komplementär artist monoramp adigunpolack

Likes 45

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #070810;
  --c-earthy-2: #0D0F11;
  --c-earthy-3: #161C20;
  --c-earthy-4: #272B29;
  --c-earthy-5: #4B4A27;
  --c-earthy-6: #776131;
  --c-earthy-7: #A07C43;
  --c-earthy-8: #BB9A67;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Rustic City (#BB9A67) bis zum dunkelsten Ton Narwhal Grey (#070810). Sie vereint Narwhal Grey, Ruined Smores, River Styx, Graphite Black, Nori Seaweed Green, Himalaya, Wood Thrush und Rustic City in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #070810 auf #BB9A67 mit 7,54: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

Narwhal Grey #070810

RGB: rgb(7, 8, 16)
HSL: hsl(233, 39%, 5%)
Luminanz: 0,003

Ruined Smores #0D0F11

RGB: rgb(13, 15, 17)
HSL: hsl(210, 13%, 6%)
Luminanz: 0,005

River Styx #161C20

RGB: rgb(22, 28, 32)
HSL: hsl(204, 19%, 11%)
Luminanz: 0,011

Graphite Black #272B29

RGB: rgb(39, 43, 41)
HSL: hsl(150, 5%, 16%)
Luminanz: 0,023

Nori Seaweed Green #4B4A27

RGB: rgb(75, 74, 39)
HSL: hsl(58, 32%, 22%)
Luminanz: 0,065

Himalaya #776131

RGB: rgb(119, 97, 49)
HSL: hsl(41, 42%, 33%)
Luminanz: 0,127

Wood Thrush #A07C43

RGB: rgb(160, 124, 67)
HSL: hsl(37, 41%, 45%)
Luminanz: 0,223

Rustic City #BB9A67

RGB: rgb(187, 154, 103)
HSL: hsl(36, 38%, 57%)
Luminanz: 0,347

Kontrast & Barrierefreiheit

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

Aa #070810 auf #BB9A67 7,54:1 AAA

Aa #0D0F11 auf #BB9A67 7,25:1 AAA

Aa #161C20 auf #BB9A67 6,50:1 AA

Aa #272B29 auf #BB9A67 5,42:1 AA

Aa #070810 auf #A07C43 5,19:1 AA

Aa #0D0F11 auf #A07C43 4,99:1 AA

Aa #161C20 auf #A07C43 4,47:1 AA (großer Text)

Aa #272B29 auf #A07C43 3,73:1 AA (großer Text)

Aa #4B4A27 auf #BB9A67 3,44:1 AA (großer Text)

Aa #070810 auf #776131 3,37:1 AA (großer Text)

Aa #0D0F11 auf #776131 3,24:1 AA (großer Text)

Aa #161C20 auf #776131 2,90:1 Nicht bestanden

Aa #272B29 auf #776131 2,42:1 Nicht bestanden

Aa #4B4A27 auf #A07C43 2,37:1 Nicht bestanden

Aa #776131 auf #BB9A67 2,24:1 Nicht bestanden

Aa #070810 auf #4B4A27 2,20:1 Nicht bestanden

Aa #0D0F11 auf #4B4A27 2,11:1 Nicht bestanden

Aa #161C20 auf #4B4A27 1,89:1 Nicht bestanden

Aa #272B29 auf #4B4A27 1,58:1 Nicht bestanden

Aa #776131 auf #A07C43 1,54:1 Nicht bestanden

Aa #4B4A27 auf #776131 1,53:1 Nicht bestanden

Aa #A07C43 auf #BB9A67 1,45:1 Nicht bestanden

Aa #070810 auf #272B29 1,39:1 Nicht bestanden

Aa #0D0F11 auf #272B29 1,34:1 Nicht bestanden

Aa #161C20 auf #272B29 1,20:1 Nicht bestanden

Aa #070810 auf #161C20 1,16:1 Nicht bestanden

Aa #0D0F11 auf #161C20 1,12:1 Nicht bestanden

Aa #070810 auf #0D0F11 1,04:1 Nicht bestanden

Petite 8 Afterdark