Eclipse Farbpaletten: Sanfte, kräftige und neutrale Farbkombinationen

Eclipse-Farbpaletten drehen sich um dunkle Neutraltöne – Tinte, Anthrazit und Mitternachtsnuancen – und setzen dann einen kontrollierten Akzent (Lavendel, Petrol, Gold oder Rosé), um die Aufmerksamkeit zu lenken.

Unten findest du 20 gebrauchsfertige Eclipse-Farbschemata mit HEX-Codes, Stimmungsnotizen und KI-Prompt-Beispielen, die du für Branding, UI und Social Graphics nachbilden kannst.

Warum Eclipse-Farbschemata so gut funktionieren

Eclipse-Paletten basieren auf lichtarmen Grundlagen (fast schwarz, Anthrazit, Schiefer, tiefes Marineblau), die sofort modern, hochwertig und fokussiert wirken. Da die Basis ruhig ist, werden Typografie und Layouthierarchie mit weniger Farben klarer.

Sie skalieren außerdem gut über verschiedene Produkte hinweg: Du kannst das gleiche dunkle Neutralsystem für UI-Komponenten beibehalten und nur einen einzelnen Akzent austauschen, um ihn einer Kampagne, Funktion oder Markenlinie anzupassen. Dadurch sind Eclipse Color Schemes praktisch für Designsysteme und Content-Pipelines.

Am wichtigsten: Eclipse-Kombinationen ermöglichen eine einfache Kontrolle des Kontrasts. Du kannst Tiefe durch kleine Abstufungen von Grau erzeugen und dann eine Highlight-Farbe für CTAs, Labels oder wichtige Momente nutzen, ohne den Bildschirm zu überladen.

20+ Eclipse Farbpaletten-Ideen (mit HEX-Codes)

1) Mitternachtsorbit

HEX: #0b0f1a #1b2a41 #3a4f7a #9aa6b2 #f2f5f7

Stimmung: kosmisch, fokussiert, modern

Am besten geeignet für: SaaS-Analytics Dashboard UI

Kosmisch und fokussiert – diese Eclipse-Töne wirken wie ein ruhiger Kontrollraum unter Nachthimmel. Nutze das tiefe Marineblau und Tinte als Basis und setze dann Hierarchie mit Stahlblau und kühlem Grau. Es glänzt in datenlastigen UIs, Fintech-Screens und Admin-Panels, wo Kontrast wichtig ist. Tipp: Das fast Weiß für Karten und wichtige Kennzahlen reservieren, damit das Layout atmet.

Bildbeispiel von Mitternachtsorbit erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audio direkt im Browser.

Jetzt kostenlos ausprobieren

2) Aschener Halo

HEX: #1a1a1a #3b3f46 #6b7078 #c9c6bf #f4f1ea

Stimmung: ruhig, edel, editoriell

Am besten geeignet für: minimalistisches Brand-Identity-System

Ruhig und edel liest sich diese Mischung wie weiche Asche, poliertes Metall und warmes Papier. Diese Eclipse-Farbpaletten funktionieren am besten, wenn du das dunkelste Anthrazit für Logos und Überschriften verwendest und das warme Offwhite für Freiräume lässt. Ideal für hochwertige Identity-Systeme, typografiefokussierte Layouts und monochromes Packaging. Tipp: Setze subtilen Grain oder Recyclingpapier-Finish ein statt zusätzlicher Farben, um Textur zu schaffen.

Bildbeispiel von Aschener Halo erstellt mit media.io

3) Lunarer Lavendel

HEX: #14121a #2b2436 #5a4e78 #b8a7d9 #f5f2fb

Stimmung: verträumt, weich, nachtaktiv

Am besten geeignet für: Wellness-App Onboarding-Screens

Verträumt und nächtlich – diese Violetttöne fühlen sich an wie Mondlicht, das durch Wolken fällt. Verankere die Screens mit fast schwarzem Violett, lasse Lavendel Akzente und freundliche Mikros übernehmen. Funktioniert perfekt für Wellness-, Schlaf- und Journaling-Erfahrungen, wo Ruhe wichtig ist, ohne dabei zu pastellig zu wirken. Tipp: Verwende das helle Flieder als sanftes Panel im Hintergrund, damit der Kontrast nicht zu hart wird.

Bildbeispiel von Lunarer Lavendel erstellt mit media.io

4) Sonnenschatten

HEX: #0f1012 #2a2d34 #444a54 #d0a85c #f6f0e4

Stimmung: dramatisch, edel, cineastisch

Am besten geeignet für: Luxus-Eventposter-Design

Dramatisch und cineastisch sorgen dunkle Grautöne für einen Spotlichtmoment für warmes Gold. Diese Eclipse-Farbpalette wirkt am stärksten, wenn Gold als seltener Akzent für Daten, Icons oder eine Hauptzeile verwendet wird. Perfekt für Luxus-Eventposter, Galerieopenings und Musiknächte, wo sofort edle Energie gewünscht ist. Tipp: Halte Hintergründe matt und lasse das Gold als Folienelement hervortreten.

Bildbeispiel von Sonnenschatten erstellt mit media.io

5) Graphitnebel

HEX: #101214 #24282e #3f4650 #7b8794 #e6e8eb

Stimmung: technisch, klar, dezent

Am besten geeignet für: Entwicklerdokumentation-Website

Technisch und klar wirken diese Graphit-Töne wie gebürstetes Metall und saubere Codeblöcke. Verwende den dunkelsten Ton für Navigation und Footer, dann steigere mit Mittelgrau die Sektionen und Trenner. Ideal für Dokumentationsseiten, Wissensdatenbanken und Produkt-Hilfecenter, wo Lesbarkeit zählt. Tipp: Kombiniere mit einer kräftigen Status-Farbe ausschließlich für Erfolge und Fehler.

Bildbeispiel von Graphitnebel erstellt mit media.io

6) Dämmerungs-Kupfer

HEX: #121315 #2b2a2a #5a3e34 #b56a4a #f1e3d3

Stimmung: warm, stimmungsvoll, handgemacht

Am besten geeignet für: Kaffebeutel Packaging-Design

Warm und handgemacht erinnert dieses Eclipse-Set an geröstete Bohnen, Kupferlicht und späte Cafés. Espresso-Schwarz trägt das Brandmark, Kupfer und Beige sind für Geschmacksnoten und Badges. Optimal für Kaffee-Verpackungen, Feinkost und gemütliche Lifestyle-Werbung. Tipp: Eine einfache Line-Illustration in Beige hält das Design edel, nicht überladen.

Bildbeispiel von Dämmerungs-Kupfer erstellt mit media.io

7) Sturmglas

HEX: #0e1116 #1f2a33 #3b5564 #7fa0ad #d9e3e8

Stimmung: kühl, vertrauenswürdig, elegant

Am besten geeignet für: B2B-Landingpage Hero-Sektion

Kühl und vertrauenswürdig – diese Blautöne erinnern an Regen auf Glas und ruhige Dynamik. Als Eclipse-Schema balanciert es tiefe Struktur mit luftigen Highlights, sodass Seiten modern bleiben. Nutze die dunkelsten Nuancen für Header und CTAs und bring helles Blau-Grau für Whitespace und sanfte Verläufe. Tipp: Kombiniere mit klarer Sans-Serif und einfachen Linienicons für einen sauberen Unternehmenslook.

Bildbeispiel von Sturmglas erstellt mit media.io

8) Samtige Dämmerung

HEX: #170f14 #2f1b2a #55304a #a36b8e #efe3ea

Stimmung: romantisch, künstlerisch, intim

Am besten geeignet für: Albumcover Artwork

Romantisch und intim – diese samtigen Violetttöne wirken wie Bühnenvorhang und verblassendes Neon. Nutze das dunkelste Pflaume als Hintergrund, Rosé für Titel und Akzente. Funktioniert super für Albumcover, Poesie-Fanzines und Boutique-Nightlife-Promos. Tipp: Halte Typografie minimalistisch, ein weicher Verlauf reicht als Hingucker.

Bildbeispiel von Samtige Dämmerung erstellt mit media.io

9) Eclipse-Espresso

HEX: #0f0c0a #2a1f1a #5a453b #a27c64 #f0e6dc

Stimmung: gemütlich, geerdet, rustikal

Am besten geeignet für: Cafe-Menüdesign

Gemütlich und geerdet fühlt sich diese Palette an wie Espressocreme, Walnussholz und warmes Kerzenlicht. Nutze das dunkelste Braun-Schwarz für Überschriften und Trenner, beige Akzente für Preise und Highlights. Passt perfekt zu Café-Menüs, Bäckerei-Beschilderung und Foodfotografie, wenn Wärme die Geschichte verkauft. Tipp: Kombiniere eine Serifenschrift im Headline und viel Abstand für einen edlen Eindruck.

Beispielfoto eines mit media.io generierten Eclipse-Espresso

10) Rauchiges Saphirblau

HEX: #0b1016 #142235 #2a4664 #5b7ea3 #d7e2ef

Stimmung: smart, ruhig, digital

Am besten geeignet für: Fintech Mobile App UI

Smart und ruhig, diese Blautöne vermitteln Tiefe, Sicherheit und ein poliertes, digitales Feeling. Verwenden Sie das dunkelste Marineblau für Tab-Leisten und primäre Buttons und das helle Blau als Haupt-Hintergrund für Karten. Perfekt geeignet für Fintech-Apps, Bank-Dashboards und Abo-Flows, bei denen Klarheit Vertrauen schafft. Tipp: Eine dünne Umrandung in Mittelblau trennt Karten, ohne dass starke Schatten nötig sind.

Beispielfoto eines mit media.io generierten rauchigen Saphirtons

11) Betonviolett

HEX: #151516 #2c2a33 #4b465c #8a7ea6 #e7e3f0

Stimmung: urban, minimal, kreativ

Am besten geeignet für: Editorial Magazin Doppelseite

Urban und minimal – diese Eclipse-Farbkombination erinnert an Betonwände im violetten Abendlicht. Für Fließtext eignet sich das tiefe Beinahe-Schwarz, während gedämpftes Violett Persönlichkeit in Zitatboxen und Abschnitts-Labels bringt. Ideal für Modestrecken, Architektur-Layouts und Kulturmagazine, die bewusst reduziert und doch besonders wirken wollen. Tipp: Mit kontraststarker Fotografie paaren und farbige Blöcke nur sparsam als Rand oder Caption einsetzen.

Beispielfoto eines mit media.io generierten Betonvioletts

12) Nachtgarten

HEX: #0d1110 #1f2b24 #3f4f3f #7c9a6a #e3efe1

Stimmung: erdig, ruhig, botanisch

Am besten geeignet für: Aquarell-Botanische Illustration

Erdig und ruhig – diese Grüntöne wirken wie Blätter im Mondlicht und wie Moos nach Regen. Verwenden Sie die dunklen Waldnuancen für Stängel und Schatten und verzichten Sie dann auf harte Konturen, indem Sie Salbei- und Minztöne dezent einsetzen. Perfekt für botanische Drucke, Frühlingsverpackungen und Wellness-Grafiken mit geerdetem Charakter. Tipp: Kanten locker lassen und Minze als Negativraum wirken lassen.

Beispielfoto eines mit media.io generierten Nachtgartens

13) Raumstation

HEX: #0c0f12 #1b1f26 #343a46 #6f7a88 #f2f4f7

Stimmung: schlank, futuristisch, organisiert

Am besten geeignet für: Präsentations-Folienset-Vorlage

Schlank und organisiert: Diese Eclipse-Töne erinnern an das Interieur einer Raumstation mit klaren Paneelen und sanfter Beleuchtung. Die dunkelsten Schattierungen sind ideal für Überschriften und Navigation, das helle Weiß für Folienhintergründe und Diagramme. Optimal für Pitch-Decks, technische Berichte und Produktfahrpläne, wo Struktur zählt. Tipp: Diagrammfarben auf zwei Graublau-Töne beschränken, um Daten übersichtlich zu halten.

Beispielfoto einer mit media.io generierten Raumstation

14) Neblige Pflaume

HEX: #120f14 #2a202c #4b394f #7d5f7c #e9dde9

Stimmung: weich, elegant, nachdenklich

Am besten geeignet für: Hochzeitseinladung-Set

Weich und nachdenklich: Diese Pflaumentöne erinnern an Dämmerungswolken und Seidenbänder. Verwenden Sie das tiefe Pflaume für Namen und Überschriften, zartes Mauve als Papieton. Perfekt für Hochzeitseinladungen, formelle Anzeigen und romantische Papeterie, bei denen Eleganz wichtiger als Helligkeit ist. Tipp: Dünne Linienrahmen im mittleren Pflaumenton sorgen für einen edlen Rahmen ohne Überladen.

Beispielfoto einer mit media.io generierten nebligen Pflaume

15) Anthrazitmint

HEX: #0f1214 #1e2a2a #35524a #6fb8a6 #e7f6f1

Stimmung: frisch, ausgewogen, modern

Am besten geeignet für: Werbebanner für Hautpflegeprodukte

Frisch und ausgewogen, als ob kühle Luft auf dunklen Stein trifft. Eine Eclipse-Palette wie diese wirkt am besten, wenn Mint als Akzentfarbe gegen anthrazitfarbene Schrift und tiefe Petrol-Töne eingesetzt wird. Optimal für Hautpflege-Werbung, Gesundheitsmarken oder cleane Produktseiten, wo ein dezenter Farbakzent Ruhe vermittelt. Tipp: Hintergründe fast ganz weiß halten und Mint gezielt auf Buttons oder bei Schlüsselikonen für Vorteile einsetzen.

Beispielfoto eines mit media.io generierten Anthrazitmints

16) Schieferrosé

HEX: #111216 #2b2c34 #585b6a #c08a98 #f4e9ec

Stimmung: modern, romantisch, souverän

Am besten geeignet für: Social Media Zitatvorlagen

Modern und souverän: Schiefer-Neutrale lassen den Roséton bewusst und nicht süßlich wirken. Dunkles Schiefer für Text, Blush für betonte Wörter und blassrosa als Hintergrund für beste Lesbarkeit. Optimal für Vorlagen, Creator-Inhalte und Lifestyle-Ankündigungen. Tipp: Nur eine Schriftfamilie nutzen und Stil über Schriftschnitt statt Grafiken steuern.

Beispielfoto eines mit media.io generierten Schieferrosés

17) Obsidiansand

HEX: #0c0c0e #232326 #4a4a4f #b6a793 #f7f2ea

Stimmung: geerdet, edel, natürlich

Am besten geeignet für: Interior-Design-Moodboard

Geerdet und edel – diese Eclipse-Farbwelt erinnert an Obsidian, alten Beton und warmen Sand. Dunkle Neutrale für wichtige Labels und Muster, Sandbeige macht die Collage einladend. Perfekt für Moodboards, Architekturideen oder Möbelmarken, die Understatement wollen. Tipp: Mit Holztexturen und mattschwarzen Beschlägen kombinieren für ein stimmiges Finish.

Beispielfoto eines mit media.io generierten Obsidiansands

18) Nordlicht Dimm

HEX: #0a1212 #12312c #1f5a52 #4aa68f #dff7f0

Stimmung: cool, energetisch, klar

Am besten geeignet für: Tech-Konferenz-Ausweis-Design

Kühl und voller Energie: Diese Petrolnuancen erinnern an gedämpfte Polarlichter über dunklem Wasser. Dunkles Petrol als Basis für den Ausweis verwenden, dann Namen und Tracks mit hellem Seegrün hervorheben. Ideal für Tech-Events, Workshop-Materialien und moderne Leitsysteme mit Fokus auf rasches Erfassen. Tipp: Icons einfach halten und Seegrün nur für die zwei wichtigsten Infos nutzen.

Beispielfoto eines mit media.io generierten Nordlicht Dimm

19) Monochrom-Drift

HEX: #0e0f10 #2a2c2e #55595e #a7adb3 #f6f7f8

Stimmung: minimal, zeitlos, selbstbewusst

Am besten geeignet für: Portfolio-Website-Layout

Minimal und zeitlos, wirkt dieses Graustufenset wie Galeriewände und gestochen scharfes Print. Die dunkelste Nuance eignet sich für Navigation und Überschriften, Mittelgrau für Sekundärtext und fast Weiß für den Seitenhintergrund. Starke Wahl für Portfolios, Agenturseiten und Case-Study-Seiten, bei denen Arbeiten im Vordergrund stehen. Tipp: Einen dezenten Hover-Zustand in Hellgrau nutzen, um Interaktionen sichtbar, aber ruhig zu halten.

Beispielfoto eines mit media.io generierten Monochrom Drifts

20) Tiefsee-Eclipse

HEX: #071015 #0e2430 #144355 #1f6f7a #cfe8e6

Stimmung: mysteriös, kühl, edel

Am besten geeignet für: Reiseposter für nächtliche Küstentour

Geheimnisvoll und edel: Diese Tiefseetöne erinnern an mondbeschienene Wellen und ferne Hafenlichter. Verwenden Sie das dunkelste Blaugrün als Hintergrund und setzen Sie Akzente und Überschriften in Teal. Perfekt für Reiseposter, Küstenerlebnisse und stimmungsvolle Kampagnen mit Schwerpunkt auf Atmosphäre. Tipp: Farbverläufe subtil halten und feines Korn hinzufügen, um Banding auf großen dunklen Flächen zu vermeiden.

Beispielfoto eines mit media.io generierten Tiefsee-Eclipse

Welche Farben passen gut zu Eclipse?

Eclipse-(dunkle Neutrale)-Paletten harmonieren am besten mit kühlen Akzenten wie Schieferblau, Saphir, Petrol und gedecktem Lavendel. Diese Töne sorgen für einen zeitgemäßen, klaren Look und bleiben auch vor dunklem Hintergrund gut lesbar.

Für wärmeren Kontrast eignen sich gezielt eingesetztes Gold, Kupfer, Sand, Blush oder Beige. Wichtig ist Zurückhaltung: Setzen Sie warme Töne nur als Highlights für CTAs, Daten, Badges oder ein zentrales Stilelement ein.

Wer maximale Flexibilität wünscht, nutzt Fastweiß, warmes gebrochen Weiß oder helles Grau als „Atemraum“-Farbe. Das erhöht den Kontrast, unterstützt Karten sowie Flächen und lässt dunkle UI weniger schwer wirken.

Wie man ein Eclipse-Farbschema in echten Designs verwendet

Starten Sie mit einem 70/20/10 Split: 70 % dunkle Basis, 20 % Mitteltöne für Sektionen und Umrandungen, 10 % Akzent für interaktive oder wichtige Elemente. So bleibt die Eclipse-Farbkombi bewusst und wird nicht unruhig.

Nutzen Sie für UI die dunkelste Farbe für Navigation und Hauptbuttons und platzieren Sie Inhalt auf einer hellen Fläche (Karten, Tabellen, Panels), um lange Sitzungen angenehm zu halten. Bei Postern oder Social-Grafiken dient die dunkelste Farbe als Bühne, der Akzent als Spotlicht.

Wählen Sie fürs Branding einen markanten Akzent und nutzen Sie ihn konsistent über alle Vorlagen hinweg. Eine einzelne wiedererkennbare Highlight-Farbe sorgt schneller für Identität als viele helle Töne pro Asset.

Eclipse-Paletten-Visuals mit KI erstellen

Wer HEX-Codes hat und schnell Mockups braucht, generiert markenkonforme Visuals per KI-String mit Thema (UI, Poster, Packaging) sowie den Eclipse-Farben als „dominant“ und „Akzent“.

Auf Media.io können Sie schnell iterieren: verschiedene Aspect Ratios für Anzeigen, Thumbnails und Onboarding-Screens testen und dann Typografie, Layoutdichte und Material (Matt, Korn, Folie) anpassen, bis die Stimmung stimmt.

Wenn Ihnen ein Look gefällt, verwenden Sie die gleiche Prompt-Struktur für Kampagnen und wechseln lediglich Akzentfarbe und Motiv, um ein konsistentes Eclipse-Designsystem zu erhalten.

Weiter: Safari-Farbpalette