Registrieren Registrieren
PurpleMorning8

PurpleMorning8

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

Zurück zur Bibliothek

PurpleMorning8

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

Bearbeiten
Erdig 8 Farben Neutral Gemischt Komplementär warm blue purple sunset
Likes 476
Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #211D38;
  --c-earthy-2: #2E2A4F;
  --c-earthy-3: #3B405E;
  --c-earthy-4: #60556E;
  --c-earthy-5: #9A6278;
  --c-earthy-6: #C7786F;
  --c-earthy-7: #CFA98A;
  --c-earthy-8: #CDD4A5;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton True to You (#CDD4A5) bis zum dunkelsten Ton Eclipse Elixir (#211D38). Sie vereint Eclipse Elixir, Cardinal Mauve, Church Blue, Arraign, Jugendstil Pink, Lovable, Cliff Brown und True to You 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 #211D38 auf #CDD4A5 mit 10,45: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

Eclipse Elixir #211D38
RGB
rgb(33, 29, 56)
HSL
hsl(249, 32%, 17%)
Luminanz
0,015
Cardinal Mauve #2E2A4F
RGB
rgb(46, 42, 79)
HSL
hsl(246, 31%, 24%)
Luminanz
0,028
Church Blue #3B405E
RGB
rgb(59, 64, 94)
HSL
hsl(231, 23%, 30%)
Luminanz
0,054
Arraign #60556E
RGB
rgb(96, 85, 110)
HSL
hsl(266, 13%, 38%)
Luminanz
0,101
Jugendstil Pink #9A6278
RGB
rgb(154, 98, 120)
HSL
hsl(336, 22%, 49%)
Luminanz
0,170
Lovable #C7786F
RGB
rgb(199, 120, 111)
HSL
hsl(6, 44%, 61%)
Luminanz
0,267
Cliff Brown #CFA98A
RGB
rgb(207, 169, 138)
HSL
hsl(27, 42%, 68%)
Luminanz
0,435
True to You #CDD4A5
RGB
rgb(205, 212, 165)
HSL
hsl(69, 35%, 74%)
Luminanz
0,628

Kontrast & Barrierefreiheit

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

Aa #211D38 auf #CDD4A5 10,45:1 AAA
Aa #2E2A4F auf #CDD4A5 8,69:1 AAA
Aa #211D38 auf #CFA98A 7,47:1 AAA
Aa #3B405E auf #CDD4A5 6,51:1 AA
Aa #2E2A4F auf #CFA98A 6,21:1 AA
Aa #211D38 auf #C7786F 4,89:1 AA
Aa #3B405E auf #CFA98A 4,66:1 AA
Aa #60556E auf #CDD4A5 4,49:1 AA (großer Text)
Aa #2E2A4F auf #C7786F 4,07:1 AA (großer Text)
Aa #211D38 auf #9A6278 3,39:1 AA (großer Text)
Aa #60556E auf #CFA98A 3,21:1 AA (großer Text)
Aa #9A6278 auf #CDD4A5 3,09:1 AA (großer Text)
Aa #3B405E auf #C7786F 3,05:1 AA (großer Text)
Aa #2E2A4F auf #9A6278 2,82:1 Nicht bestanden
Aa #211D38 auf #60556E 2,33:1 Nicht bestanden
Aa #9A6278 auf #CFA98A 2,21:1 Nicht bestanden
Aa #C7786F auf #CDD4A5 2,14:1 Nicht bestanden
Aa #3B405E auf #9A6278 2,11:1 Nicht bestanden
Aa #60556E auf #C7786F 2,10:1 Nicht bestanden
Aa #2E2A4F auf #60556E 1,94:1 Nicht bestanden
Aa #211D38 auf #3B405E 1,60:1 Nicht bestanden
Aa #C7786F auf #CFA98A 1,53:1 Nicht bestanden
Aa #3B405E auf #60556E 1,45:1 Nicht bestanden
Aa #60556E auf #9A6278 1,45:1 Nicht bestanden
Aa #9A6278 auf #C7786F 1,44:1 Nicht bestanden
Aa #CFA98A auf #CDD4A5 1,40:1 Nicht bestanden
Aa #2E2A4F auf #3B405E 1,33:1 Nicht bestanden
Aa #211D38 auf #2E2A4F 1,20:1 Nicht bestanden

Ähnliche Paletten

#EDF1D6 #9DC08B #609966 #40513B
4 Farben
#F5F7F8 #F4CE14 #495E57 #45474B
4 Farben
#222831 #393E46 #FFD369 #EEEEEE
4 Farben
#000000 #52057B #892CDC #BC6FF1
4 Farben
#213555 #3E5879 #D8C4B6 #F5EFE7
4 Farben
#F5EFE7 #D8C4B6 #4F709C #213555
4 Farben
#191A19 #1E5128 #4E9F3D #D8E9A8
4 Farben
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 Farben