Moonlight Farbpaletten: 20 inspirierende Ideen mit Hex-Codes

Mondlicht-Paletten fangen die Ruhe des Nachthimmels, kühlen Stein und sanftes, nebliges Licht ein – perfekt, wenn Sie einen modernen Look ohne grelle Sättigung wünschen.

Unten finden Sie über 20 sorgfältig ausgewählte Mondlicht-Farbpaletten mit HEX-Codes sowie praktische Kombinationstipps für UI, Branding, Poster und Verpackungen.

Warum funktionieren Mondlicht-Paletten so gut?

Mondlicht-Töne liegen im perfekten Bereich: kühl, zurückhaltend und gut lesbar. Weil sie auf Grautönen, Blau-Graus und sanften Violetts beruhen, bauen sie Hierarchien auf, ohne mit Ihrer Typografie oder Bildwelt zu konkurrieren.

Sie funktionieren darüber hinaus in allen Medien ausgezeichnet. Die gleiche Palette kann im UI minimal wirken, bei Verpackungen hochwertig oder auf Postern filmisch – je nachdem, wie Sie Kontrast und Textur setzen.

Am wichtigsten: Mondlicht-Paletten lassen Akzente bewusst erscheinen. Ist die Basis zurückhaltend, lenkt z.B. ein leuchtendes Cyan, Koralle, Limettengrün oder Metallic sofort die Aufmerksamkeit auf sich.

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

1) Silberschleier

HEX: #F4F6FA #D7DDE7 #A7B0C0 #4C5871 #1C2333

Stimmung: ruhig, luftig, modern

Am besten für: SaaS Dashboard UI

Ruhig und luftig wie Wolken vor einem hellen Nachthimmel wirken diese Töne edel, ohne kalt zu erscheinen. Die Mondlicht-Farbpalette eignet sich hervorragend für SaaS Dashboards, bei denen Lesbarkeit und sanfter Kontrast wichtig sind. Kombinieren Sie sie mit einem einzigen kräftigen Akzent wie elektrisch Blau für wichtige Aktionen, und dominieren Sie neutrale Töne für datenlastige Screens. Tipp: Reservieren Sie das tiefste Marineblau für die Navigation, damit Karten und Tabellen hell bleiben.

Beispielbild von Silberschleier, generiert 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) Mondnebel

HEX: #EEF2F6 #C8D3DD #9AA8B6 #6B7C8E #2B3544

Stimmung: sanft, ruhig, edel

Am besten für: minimalistischer Marken-Styleguide

Sanft und ruhig wie Nebel auf dem Asphalt um Mitternacht: Dieser Mix wirkt edel und zurückgenommen. Perfekt für einen minimalistischen Styleguide, bei dem Typografie und Abstände entscheidend sind. Kombinieren Sie ihn mit warmen Papierstrukturen oder einem leicht abgetönten Weiß, um Kühle zu vermeiden. Tipp: Verwenden Sie das mittlere Schiefergrau als primäre Textfarbe für sanfteren Kontrast als reines Schwarz.

Beispielbild von Mondnebel, generiert mit media.io

3) Nachthafen

HEX: #E8EDF4 #B8C4D4 #6E819A #2F435B #101A24

Stimmung: tief, beständig, nautisch

Am besten für: Landingpage für Technologiekonferenz

Tief und beständig wie Hafenlichter auf ruhigem Wasser vermitteln diese Blautöne Selbstbewusstsein und Bodenhaftung. Ideal für eine Tech-Konferenz-Landingpage, bei der Autorität ohne grelle Sättigung gefragt ist. Kombinieren Sie das mit weißem Freiraum und einem leuchtenden Limettengrün oder Aqua für Buttons und Links. Tipp: Halten Sie Hero-Verläufe dezent, damit Sprecherfotos natürlich bleiben.

Beispielbild von Nachthafen, generiert mit media.io

4) Samtige Finsternis

HEX: #F2F0F7 #CFC6E3 #8C7FB8 #423A66 #171428

Stimmung: dramatisch, samtig, luxuriös

Am besten für: Kosmetik-Anzeigen-Design

Dramatisch und samtig wie eine Finsternis, die in Violett übergeht – dieses Farbschema wirkt luxuriös und editorial. Die Mondlicht-Farbpalette leuchtet in Beauty-Anzeigen, wo Tiefe, Sanftheit und hochwertige Anmutung gefragt sind. Kombinieren Sie sie mit silberner Metallictpyografie oder staubigen Rosenakzenten für einen romantischen Effekt. Tipp: Verwenden Sie das dunkelste Violett für Überschriften, damit kleiner Text nicht zu schwer wirkt.

Beispielbild von samtiger Finsternis, generiert mit media.io

5) Gefrosteter Schiefer

HEX: #F6F8FB #D9DEE6 #B0B8C6 #707B8D #2A3140

Stimmung: sauber, strukturiert, professionell

Am besten für: Unternehmens-Geschäftsbericht-Layout

Sauber und strukturiert wie gefrorener Stein wirken diese Grautöne zuverlässig und modern. Perfekt für Geschäftsberichte, bei denen Diagramme, Tabellen und Bildunterschriften eine klare Hierarchie erfordern. Kombinieren Sie mit einem gesättigten Akzent wie Kobaltblau, um Aufmerksamkeit zu lenken, ohne es zu unruhig wirken zu lassen. Tipp: Nutzen Sie das hellste Grau für Abschnittstrenner statt schwerer Linien.

Beispielbild von gefrostetem Schiefer, generiert mit media.io

6) Sternenleinen

HEX: #FAFAF6 #E6E1D9 #B8B0A6 #6C6A72 #24232A

Stimmung: gemütlich, dezent, elegant

Am besten für: Hochzeitseinladungs-Set

Gemütlich und dezent wie Leinen im Sternenlicht wirken diese Neutralfarben intim und zeitlos. Perfekt für Hochzeitseinladungen, die Eleganz ohne starke Kontraste wünschen. Kombinieren Sie sie mit warmen Goldfolien-Details oder einem sanften Salbeigrün als natürlichen Akzent. Tipp: Drucken Sie den dunkelsten Ton nur sparsam, damit die Papierstruktur im Mittelpunkt steht.

Beispielbild von Sternenleinen, generiert mit media.io

7) Blaue Stunde Flüstern

HEX: #EAF1FF #BFD3FF #7A97D6 #3B4F86 #171E35

Stimmung: verträumt, hell, filmisch

Am besten für: Musikposter-Design

Verträumt und filmisch wie die blaue Stunde kurz vor Einbruch der Nacht: Diese Palette ist lebendig, aber kontrolliert. Mondlicht-Farbkombinationen wie diese sind großartig für Musikposter, weil sie kräftige Typografie und leuchtende Verläufe unterstützen, ohne neonhaft zu wirken. Kombinieren Sie mit weißem Text und einem kleinen Korallenakzent für Ticketinfos und Hervorhebungen. Tipp: Verläufe bitte so platzieren, dass das Layout aus der Distanz gut lesbar bleibt.

Beispielbild von Blaue Stunde Flüstern, generiert mit media.io

8) Perlenschimmer

HEX: #F7F5F9 #E1DDE6 #B9B4C2 #6A6675 #262433

Stimmung: sanft, souverän, minimalistisch

Am besten für: Hautpflege-Verpackungsetiketten

Sanft und souverän wie eine Perle im zarten Schatten wirken diese Töne sauber und hochwertig. Passend für Hautpflege-Etiketten, wenn Sie Ruhe und klinisches Vertrauen ohne Strenge wünschen. Kombinieren Sie mit einem gedeckten Blush-Akzent und großzügigem Weißraum für einen edlen Regalauftritt. Tipp: Nutzen Sie das mittlere Mauve-Grau für Sekundärtext, um auch kleine Etiketten lesbar zu halten.

Beispielbild von Perlenschimmer, generiert mit media.io

9) Indigoruhe

HEX: #EDEFFC #C9CEEE #8B92C9 #4A4F86 #1B1D3A

Stimmung: nachdenklich, gelassen, intelligent

Am besten für:Meditations-App Onboarding-UI

Nachdenklich und gelassen wie ein indigofarbener Horizont unterstützen diese Farben einen langsamen, ruhigen Rhythmus. Sie eignen sich gut für Onboarding-Screens, bei denen Zuversicht und klare Schritte gefragt sind – ohne Lautstärke. Kombinieren Sie sie mit einem warmen Creme-Hintergrund und dezenten Illustrationen für mehr Zugänglichkeit. Tipp: Halten Sie Ihre primäre Schaltfläche im hellsten Periwinkle, um einen einladenden, stressfreien Call-to-Action zu erzeugen.

Bildbeispiel für Indigo Quiet, generiert mit media.io

10) Cloudlit Quartz

HEX: #F8FAFF #DCE4F2 #B4C0D6 #6F7F9B #2D3649

Stimmung: frisch, ausgewogen, poliert

Am besten für:E-Commerce Produktgitter-UI

Frisch und ausgewogen wie Quarz unter einem dünnen Wolkenschleier wirken diese Blautöne und Grautöne sofort edel. Sie eignen sich hervorragend für E-Commerce-Grids, bei denen Produktfotos im Mittelpunkt stehen und die UI dezent zurücktritt. Kombinieren Sie sie mit warmen neutralen Hintergründen und einem einzigen satten Akzent für Sale- und New-Tags. Tipp: Behalten Sie Rahmen in der hellsten Nuance und sorgen Sie mit Abstand für Struktur.

Bildbeispiel für Cloudlit Quartz, generiert mit media.io

11) Moonstone Denim

HEX: #F0F4F9 #C4D2E3 #7F9DBB #3D5A78 #162534

Stimmung: lässig, selbstbewusst, klar

Am besten für:Streetwear Lookbook Layout

Lässig und selbstbewusst wie getragenes Denim im kühlen Licht wirkt diese Farbpalette klar und tragbar. Sie eignet sich für ein Streetwear-Lookbook, das auffällige Überschriften und ein modernes Grid ohne laute Farben braucht. Kombinieren Sie mit schwarzweißer Fotografie und reinem Weiß für Abstand und Bildunterschriften. Tipp: Verwenden Sie das mittlere Blau für Abschnitts-Tabs, um die Navigation klar aber dezent zu halten.

Bildbeispiel für Moonstone Denim, generiert mit media.io

12) Ashen Lilac

HEX: #F5F2FA #DCCFEA #A99BC3 #6A5E7D #2A2434

Stimmung: romantisch, gedämpft, künstlerisch

Am besten für:Buchcover-Design

Romantisch und zurückhaltend wie Fliederblätter auf aschgrauem Papier fühlen sich diese Töne literarisch und modern an. Sie sind ideal für moderne Belletristik-Cover, bei denen Emotionen ohne grelle Farben transportiert werden. Kombinieren Sie mit cremiger Off-White-Typografie und einem kleinen Kupferakzent für Autorname oder Serienzeichen. Tipp: Halten Sie den Hintergrund in hellem Lavendel, damit dunkle Titel kontrastreich bleiben.

Bildbeispiel für Ashen Lilac, generiert mit media.io

13) Arctic Ink

HEX: #F3F7FF #CFE0FF #8AA7D6 #2F4A7A #0E1626

Stimmung: markant, kühl, kontrastreich

Am besten für:Cybersecurity Brand Identity

Markant und kühl wie arktische Luft auf dunkler Tinte vermittelt diese Palette sofort Klarheit und Autorität. Die Moonlight-Farben passen perfekt zu Cybersecurity-Brands, bei denen scharfe Kontraste für Vertrauen und Präzision stehen. Kombinieren Sie mit geometrischen Mustern und einem leuchtend cyanfarbenen Akzent für einen modernen Look. Tipp: Nutzen Sie das fast schwarze für Hintergründe und lassen Sie die hellen Blautöne für Icons und wichtige Kennzahlen wirken.

Bildbeispiel für Arctic Ink, generiert mit media.io

14) Dusk Orchid

HEX: #F7F1FA #E2CFEA #B596C7 #6B4E78 #231827

Stimmung: stimmungsvoll, floral, anspruchsvoll

Am besten für:Restaurant-Menü-Design

Stimmungsvoll und floral wie Orchideen nach Sonnenuntergang wirken diese Violetttöne anspruchsvoll und leicht geheimnisvoll. Sie passen zu gehobenen Menüs mit Atmosphäre ohne Einbußen bei der Lesbarkeit. Kombinieren Sie mit warmem Elfenbeinpapier und dunkler Anthrazit-Typografie für den Text. Tipp: Verwenden Sie den dunkelsten Ton für Abschnittsüberschriften und das mittlere Violett für Trenner und Icons.

Bildbeispiel für Dusk Orchid, generiert mit media.io

15) Winter Spruce

HEX: #EDF5F4 #BED7D3 #6FA19A #2D5D57 #0F2522

Stimmung: kühl, immergrün, geerdet

Am besten für:Outdoor-Markenverpackung

Kühl und geerdet wie Fichtennadeln im Mondschatten wirkt diese Palette natürlich und widerstandsfähig. Sie eignet sich für Outdoor-Verpackungen, bei denen Nachhaltigkeit und eine ruhige, hochwertige Ausstrahlung gewünscht sind. Kombinieren Sie mit Kraftpapiertexturen, matten Oberflächen und minimalistischen Icons. Tipp: Halten Sie das helle Aqua als Negativraum, damit das tiefe Grün das Etikett nicht dominiert.

Bildbeispiel für Winter Spruce, generiert mit media.io

16) Smoky Topaz

HEX: #F7F3EE #E2D4C3 #B79A82 #6E5A53 #2B2324

Stimmung: warm, rauchig, Vintage

Am besten für:Café-Markenkit

Warm und rauchig wie Topas im gedämpften Licht bringen diese Töne einen Vintage-Komfort mit sich. Sie passen zu einem Café-Markenkit, bei dem Gemütlichkeit ohne übertriebene Rustikalität wichtig ist. Kombinieren Sie mit tiefen Espresso-Fotografien und klarer serifenloser Schrift für einen modernen Eindruck. Tipp: Verwenden Sie das sandige Beige für Hintergründe und das dunkelste Braun für Stempel und Markierungen.

Bildbeispiel für Smoky Topaz, generiert mit media.io

17) Tidepool Steel

HEX: #F0F6F8 #BFD4DB #6E9AA7 #2E5E6D #11262E

Stimmung: kühl, aquatisch, zeitgemäß

Am besten für:Reiseblog-Header-Grafiken

Kühl und aquatisch wie Gezeitenpools bei Nacht wirken diese blau-grünen Töne modern und klar. Sie sind ideal für Reise-Header-Grafiken, die Frische und Ruhe ohne Pastell-Süße vermitteln. Kombinieren Sie mit luftiger Fotografie und weißer Schrift, ergänzt um ein einzelnes Korallenorange für Betonung. Tipp: Überlagerungen transparent halten, damit Ozeanfotos nicht matt werden.

Bildbeispiel für Tidepool Steel, generiert mit media.io

18) Candlelit Fog

HEX: #FBF7F1 #E6DDD0 #B9AFA2 #746E67 #2F2C2A

Stimmung: sanft, nostalgisch, intim

Am besten für:Eventflyer Design

Sanft und nostalgisch wie Kerzenlicht im Nebel wirken diese neutralen Töne vertraut und einladend. Sie eignen sich für Event-Flyer, die gut lesbar und trotzdem warm wirken sollen. Kombinieren Sie mit einer kleinen Beeren- oder Waldakzentfarbe für Datum und Ort. Tipp: Das nahezu Schwarze nur für die Hauptüberschrift verwenden, Fließtext in abgemildertem Anthrazit setzen.

Bildbeispiel für Candlelit Fog, generiert mit media.io

19) Nocturne Teal

HEX: #EAF7F6 #BFE7E4 #6AB7B5 #2B6E74 #0F2A2E

Stimmung: geheimnisvoll, frisch, modern

Am besten für:Podcast-Cover-Art

Geheimnisvoll und frisch wie türkisfarbenes Licht in der Dunkelheit wirkt diese Palette modern und energetisch. Diese Moonlight-Kombinationen verleihen Podcast-Covern eine klare Silhouette und starke Lesbarkeit auch in kleinen Ansichten. Kombinieren Sie mit kräftiger weißer Schrift und einer einzelnen giftgrünen Neon-Detailfarbe für sofortigen Kontrast. Tipp: Hintergründe schlicht halten, damit der Titel als Thumbnail lesbar bleibt.

Bildbeispiel für Nocturne Teal, generiert mit media.io

20) Granite Bloom

HEX: #F4F4F8 #D5D6E3 #9FA3BF #5A5F86 #23253A

Stimmung: kühl, floral-urban, ausgeglichen

Am besten für:Aquarell-Botanikplakat

Kühl und ausgeglichen wie kleine Blüten, die sich durch Granitrisse schieben, vereinen diese Töne Weichheit und Stärke. Sie sind eine ideale Basis für Aquarell-Botanik, bei der Blüten, Schatten und Papierstruktur Raum zum Atmen brauchen. Kombinieren Sie sie mit einem staubigen Rosé-Wasch, wenn Sie einen Hauch Wärme wünschen, aber die Stimmung insgesamt ruhig bleiben soll. Tipp: Den dunkelsten Ton nur dezent als Stielschatten für mehr Tiefe einsetzen.

Bildbeispiel für Granite Bloom, generiert mit media.io

21) Glacier Scroll

HEX: #F1FBFF #CFEFFC #8BC7E2 #3C7EA6 #153244

Stimmung: hell, klar, optimistisch

Am besten für:Newsletter-Template-UI

Hell und klar wie Gletscherwasser in klarer Nachtluft wirken diese Blautöne optimistisch und sauber. Sie sind ideal für Newsletter-Templates, bei denen Überschriften, Links und Karten eine klare Hierarchie haben sollen. Kombinieren Sie mit warmem Offwhite für den Haupt-Hintergrund und setzen Sie Akzente gezielt ein – so wirkt der Posteingang ordentlich. Tipp: Das mittlere Blau für Links einsetzen, den tiefsten Ton nur für Überschriften reservieren.

Bildbeispiel für Glacier Scroll, generiert mit media.io

22) Quiet Meteor

HEX: #F6F6F9 #DADBE4 #AEB2C4 #6D738C #2A2D3A

Stimmung: dezent, technisch, modern

Am besten für:App-Einstellungen-Screen-UI

Dezent und technisch wie eine Meteor-Spur, die im Grau ausläuft, sorgen diese Töne für Ruhe in der Bedienoberfläche. Perfekt für Einstellungen, bei denen Schalter und Labels klar, aber nicht laut sein sollen. Kombinieren Sie mit einer hellen Systemfarbe für Statusanzeigen wie Erfolg oder Warnung und halten Sie Oberflächen fast neutral. Tipp: Bereiche lieber durch Tönungen und Abstand unterscheiden als durch starke Rahmen.

Bildbeispiel für Quiet Meteor, generiert mit media.io

Welche Farben passen zu Mondlicht?

Moonlight-Basen (kühle Grautöne, Blau-Grau, weiches Lavendel, tiefes Navy) harmonieren am besten mit Akzenten, die einen Temperaturkontrast bieten. Warme Metalle wie Champagnergold oder Kupfer schenken Moonlight-Paletten sofort einen hochwertigeren, weniger sterilen Charakter.

Für moderne digitale Anwendungen empfiehlt sich ein einzelner heller Akzent: elektrisches Cyan, Aqua, Limette oder Koralle. Nur für interaktive Elemente wie Buttons, Links oder Tags verwenden, damit die Oberfläche ruhig und lesbar bleibt.

Im Printbereich passen Moonlight-Töne gut zu haptisch wirkenden Neutralfarben – Elfenbeinpapier, Kraftpapiertexturen und weiche Kohle-Typografie. So bleibt das Design geerdet, aber trotzdem luftig.

Wie verwendet man eine Mondlicht-Farbpalette in echten Designs?

Starten Sie mit einer hellen moonlight-getönten Fläche für Hintergründe, nutzen Sie mittlere Töne für Elemente wie Karten, Panels oder sekundäre Blöcke. Ihr dunkelstes Navy oder Anthrazit eignet sich als Rahmenfarbe für Navigation, Überschriften oder wichtige typografische Anker.

Für Tiefe besser auf subtile Verläufe und transparente Overlays setzen statt auf harte Schatten. Moonlight-Paletten wirken am besten, wenn Übergänge wie Dunst, Nebel oder Glas erscheinen.

Wenn Sie für Barrierefreiheit designen, testen Sie den Kontrast frühzeitig. Häufig ist eine mittlere Schieferfarbe für Texte angenehmer als reines Schwarz und bietet trotzdem ausreichend Lesbarkeit auf cremeweißen oder hellblauen Hintergründen.

Erstellen Sie Mondlicht-Visualisierungen mit KI

Wenn Sie bereits HEX-Codes haben, ist der schnellste Weg, ein Moonlight-Farbschema zu validieren, das Erstellen von Mockups – Poster, UI-Screens, Etiketten oder Markenboards – und die Beobachtung, wie die Farbtöne zusammen mit Typografie und Bildern wirken.

Mit den Text-zu-Bild-Tools von Media.io können Sie schnell iterieren: Probieren Sie verschiedene Layouts, Lichtstile und Kompositionen aus, während Sie die Moonlight-Stimmung beibehalten.

Nutzen Sie Prompts, die das Designformat (UI, Verpackung, Poster), die Stimmung (neblig, ruhig, filmisch) und die Layout-Bedingungen (kein Geräte-Rahmen, schlichter Hintergrund) beschreiben, um saubere Ergebnisse zu erzielen.

Weiter: Bohemian-Farbpalette