Moondrom

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

Zurück zur Bibliothek

Moondrom

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär space 8bits mint moon

Likes 54

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2A242B;
  --c-earthy-2: #464040;
  --c-earthy-3: #775B5B;
  --c-earthy-4: #CC7048;
  --c-earthy-5: #D7B550;
  --c-earthy-6: #68A8AB;
  --c-earthy-7: #90D59C;
  --c-earthy-8: #FFFFB2;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton VIC 20 Creme (#FFFFB2) bis zum dunkelsten Ton Darth Vader (#2A242B). Sie vereint Darth Vader, Ewa, Dove Feather, Red Damask, Farm Straw, Blue Mercury, May Apple und VIC 20 Creme in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2A242B auf #FFFFB2 mit 14,58: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

Darth Vader #2A242B

RGB: rgb(42, 36, 43)
HSL: hsl(291, 9%, 15%)
Luminanz: 0,019

Ewa #464040

RGB: rgb(70, 64, 64)
HSL: hsl(0, 4%, 26%)
Luminanz: 0,053

Dove Feather #775B5B

RGB: rgb(119, 91, 91)
HSL: hsl(0, 13%, 41%)
Luminanz: 0,122

Red Damask #CC7048

RGB: rgb(204, 112, 72)
HSL: hsl(18, 56%, 54%)
Luminanz: 0,249

Farm Straw #D7B550

RGB: rgb(215, 181, 80)
HSL: hsl(45, 63%, 58%)
Luminanz: 0,481

Blue Mercury #68A8AB

RGB: rgb(104, 168, 171)
HSL: hsl(183, 29%, 54%)
Luminanz: 0,339

May Apple #90D59C

RGB: rgb(144, 213, 156)
HSL: hsl(130, 45%, 70%)
Luminanz: 0,559

VIC 20 Creme #FFFFB2

RGB: rgb(255, 255, 178)
HSL: hsl(60, 100%, 85%)
Luminanz: 0,960

Kontrast & Barrierefreiheit

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

Aa #2A242B auf #FFFFB2 14,58:1 AAA

Aa #464040 auf #FFFFB2 9,77:1 AAA

Aa #2A242B auf #90D59C 8,79:1 AAA

Aa #2A242B auf #D7B550 7,66:1 AAA

Aa #464040 auf #90D59C 5,89:1 AA

Aa #775B5B auf #FFFFB2 5,89:1 AA

Aa #2A242B auf #68A8AB 5,61:1 AA

Aa #464040 auf #D7B550 5,13:1 AA

Aa #2A242B auf #CC7048 4,31:1 AA (großer Text)

Aa #464040 auf #68A8AB 3,76:1 AA (großer Text)

Aa #775B5B auf #90D59C 3,55:1 AA (großer Text)

Aa #CC7048 auf #FFFFB2 3,38:1 AA (großer Text)

Aa #775B5B auf #D7B550 3,09:1 AA (großer Text)

Aa #464040 auf #CC7048 2,89:1 Nicht bestanden

Aa #68A8AB auf #FFFFB2 2,60:1 Nicht bestanden

Aa #2A242B auf #775B5B 2,48:1 Nicht bestanden

Aa #775B5B auf #68A8AB 2,27:1 Nicht bestanden

Aa #CC7048 auf #90D59C 2,04:1 Nicht bestanden

Aa #D7B550 auf #FFFFB2 1,90:1 Nicht bestanden

Aa #CC7048 auf #D7B550 1,78:1 Nicht bestanden

Aa #775B5B auf #CC7048 1,74:1 Nicht bestanden

Aa #464040 auf #775B5B 1,66:1 Nicht bestanden

Aa #90D59C auf #FFFFB2 1,66:1 Nicht bestanden

Aa #68A8AB auf #90D59C 1,57:1 Nicht bestanden

Aa #2A242B auf #464040 1,49:1 Nicht bestanden

Aa #D7B550 auf #68A8AB 1,36:1 Nicht bestanden

Aa #CC7048 auf #68A8AB 1,30:1 Nicht bestanden

Aa #D7B550 auf #90D59C 1,15:1 Nicht bestanden

Moondrom

Moondrom

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen