Melanie

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Melanie

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 9 Farben Warm Gemischt Triadisch pink pastel portrait

Likes 17

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #FDD8C0;
  --c-earthy-2: #FFA9A4;
  --c-earthy-3: #C28189;
  --c-earthy-4: #D7717C;
  --c-earthy-5: #A85059;
  --c-earthy-6: #9B87BB;
  --c-earthy-7: #5B5474;
  --c-earthy-8: #40293C;
  --c-earthy-9: #C0C5CF;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Sun-Kissed Peach (#FDD8C0) bis zum dunkelsten Ton Profound Mauve (#40293C). Sie vereint Sun-Kissed Peach, Alright Then I Became a Princess, Baker Rose, Lotus Red, The Ego Has Landed, Sand Verbena, The Fang, Profound Mauve und Cemetery Ash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FDD8C0 auf #40293C mit 9,85: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

Sun-Kissed Peach #FDD8C0

RGB: rgb(253, 216, 192)
HSL: hsl(24, 94%, 87%)
Luminanz: 0,738

Alright Then I Became a Princess #FFA9A4

RGB: rgb(255, 169, 164)
HSL: hsl(3, 100%, 82%)
Luminanz: 0,523

Baker Rose #C28189

RGB: rgb(194, 129, 137)
HSL: hsl(353, 35%, 63%)
Luminanz: 0,290

Lotus Red #D7717C

RGB: rgb(215, 113, 124)
HSL: hsl(354, 56%, 64%)
Luminanz: 0,277

The Ego Has Landed #A85059

RGB: rgb(168, 80, 89)
HSL: hsl(354, 35%, 49%)
Luminanz: 0,148

Sand Verbena #9B87BB

RGB: rgb(155, 135, 187)
HSL: hsl(263, 28%, 63%)
Luminanz: 0,279

The Fang #5B5474

RGB: rgb(91, 84, 116)
HSL: hsl(253, 16%, 39%)
Luminanz: 0,098

Profound Mauve #40293C

RGB: rgb(64, 41, 60)
HSL: hsl(310, 22%, 21%)
Luminanz: 0,030

Cemetery Ash #C0C5CF

RGB: rgb(192, 197, 207)
HSL: hsl(220, 14%, 78%)
Luminanz: 0,556

Kontrast & Barrierefreiheit

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

Aa #FDD8C0 auf #40293C 9,85:1 AAA

Aa #40293C auf #C0C5CF 7,58:1 AAA

Aa #FFA9A4 auf #40293C 7,16:1 AAA

Aa #FDD8C0 auf #5B5474 5,32:1 AA

Aa #C28189 auf #40293C 4,25:1 AA (großer Text)

Aa #9B87BB auf #40293C 4,11:1 AA (großer Text)

Aa #D7717C auf #40293C 4,09:1 AA (großer Text)

Aa #5B5474 auf #C0C5CF 4,09:1 AA (großer Text)

Aa #FDD8C0 auf #A85059 3,98:1 AA (großer Text)

Aa #FFA9A4 auf #5B5474 3,87:1 AA (großer Text)

Aa #A85059 auf #C0C5CF 3,07:1 AA (großer Text)

Aa #FFA9A4 auf #A85059 2,90:1 Nicht bestanden

Aa #A85059 auf #40293C 2,47:1 Nicht bestanden

Aa #FDD8C0 auf #D7717C 2,41:1 Nicht bestanden

Aa #FDD8C0 auf #9B87BB 2,40:1 Nicht bestanden

Aa #FDD8C0 auf #C28189 2,32:1 Nicht bestanden

Aa #C28189 auf #5B5474 2,29:1 Nicht bestanden

Aa #9B87BB auf #5B5474 2,22:1 Nicht bestanden

Aa #D7717C auf #5B5474 2,21:1 Nicht bestanden

Aa #D7717C auf #C0C5CF 1,85:1 Nicht bestanden

Aa #5B5474 auf #40293C 1,85:1 Nicht bestanden

Aa #9B87BB auf #C0C5CF 1,84:1 Nicht bestanden

Aa #C28189 auf #C0C5CF 1,78:1 Nicht bestanden

Aa #FFA9A4 auf #D7717C 1,75:1 Nicht bestanden

Aa #FFA9A4 auf #9B87BB 1,74:1 Nicht bestanden

Aa #C28189 auf #A85059 1,72:1 Nicht bestanden

Aa #FFA9A4 auf #C28189 1,69:1 Nicht bestanden

Aa #A85059 auf #9B87BB 1,66:1 Nicht bestanden

Aa #D7717C auf #A85059 1,65:1 Nicht bestanden

Aa #FDD8C0 auf #FFA9A4 1,37:1 Nicht bestanden

Aa #A85059 auf #5B5474 1,33:1 Nicht bestanden

Aa #FDD8C0 auf #C0C5CF 1,30:1 Nicht bestanden

Aa #FFA9A4 auf #C0C5CF 1,06:1 Nicht bestanden

Aa #C28189 auf #D7717C 1,04:1 Nicht bestanden

Aa #C28189 auf #9B87BB 1,03:1 Nicht bestanden

Aa #D7717C auf #9B87BB 1,01:1 Nicht bestanden

Melanie

Melanie

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen