Die 20 besten Gothic Farbpaletten mit Hex-Codes und Design-Tipps

Gotische Paletten vereinen tiefe Schatten mit romantischen Akzenten und schaffen Designs, die filmisch, elegant und ein wenig geheimnisvoll wirken. Sie sind ideal, wenn Sie einen hohen Kontrast möchten, aber ohne grelle Neon-Energie.

Unten finden Sie über 20 gotische Farbkombinationen mit HEX-Codes sowie Praxistipps für Branding, UI, Poster, Einladungen und stimmungsvolle Fotobearbeitungen.

Warum funktionieren gotische Paletten so gut?

Eine gotische Farbpalette basiert auf bewusstem Dunkel: fast schwarze Basen, tiefe Juwelentöne und sanfte Akzente. Diese Struktur erzeugt von Natur aus Hierarchie und lässt Typografie und Gestaltungselemente dramatischer wirken – mit weniger Aufwand.

Gotische Paletten vermitteln Gefühle sofort – Romantik, Geheimnis, Tradition oder Macht – je nachdem, ob Sie zu Burgunderrot, Violett, Schieferblau oder Altgold greifen. Sogar minimalistische Layouts erscheinen filmisch, weil die Schatten die Geschichte erzählen.

Wichtig ist vor allem: Gotische Farbkombinationen funktionieren medienübergreifend sehr gut. Die gleiche Palette eignet sich für luxuriöses Branding, Dark-Mode-UIs, Poster und Foto-Presets – solange Sie den Kontrast steuern und Akzente sparsam einsetzen.

20+ Ideen für gotische Farbkombinationen (mit HEX-Codes)

1) Kathedralen-Samt

HEX: #0b0b0f #2a2438 #5a1f2b #a28b6e #e7e1d6

Stimmung:dunkel romantisch, königlich, kerzenbeleuchtet

Empfohlen für:Luxus-Branding und Logosysteme

Dunkler Samt und Kerzenlicht einer Kapelle sorgen für einen königlichen, romantischen Ton mit sanftem Antikglanz. Nutzen Sie das Fastschwarz und Dunkelpflaume für Flächen, Burgunder zur Betonung – ohne laut zu werden. Das warme Gold-Beige und Knochenweiß verleihen Typo einen hochwertigen, editorialen Charakter. Für eine feine gotische Palette: Akzente unter 10 Prozent halten und Weißraum nutzen.

Bildbeispiel von Kathedralen-Samt, erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Video, Bild und Audio im Browser.

Jetzt kostenlos ausprobieren

2) Mitternachtsrose

HEX: #120a14 #3b1c32 #7a1e3a #c24a6a #f2d7de

Stimmung:romantisch, dramatisch, moderner Vintage

Empfohlen für:Werbung für Beautyprodukte und Social-Media-Posts

Mitternächtliche Blüten und zerdrückte Rosenblätter verleihen diesem Mix eine dramatische, intime Wärme. Die Tinte als Basis gibt Halt, dann geben Weinrot und Himbeere Tiefe in Verläufen und Überlagerungen. Das Rosé-Highlight schmeichelt Hauttönen und verhindert, dass das Design zu schwer wirkt. Das hellere Pink sparsam für Call-to-Action-Buttons und Preisschilder einsetzen.

Bildbeispiel für Mitternachtsrose, generiert mit media.io

3) Eisen und Tinte

HEX: #0f141a #27313a #4b5a6a #9aa6b2 #f0f3f6

Stimmung:industriell, klar, nächtlich

Empfohlen für:Dashboard-UIs und datenintensive Anwendungen

Kalter Stahl, Tintenflecken und nächtlicher Regen erzeugen eine saubere, technische Stimmung. Schiefergrau und Anthrazit für Dark-Mode-Flächen, die mittleren Blautöne halten Diagramme lesbar. Für Karten, Trenner und leere Zustände mit dem blassen Nebelton den Kontrast steigern. Tipp: Die hellste Farbe für wichtige Zahlen verwenden, um das Scannen zu erleichtern.

Bildbeispiel von Eisen und Tinte erstellt mit media.io

4) Raben-Gewächshaus

HEX: #050806 #0f2a1f #214f3b #6d8f6a #dfe7d6

Stimmung:mysteriös, botanisch, erdig

Empfohlen für:Apothekenverpackungen und Etiketten

Schattenhafte Blätter und feuchtes Glas sorgen für eine botanische, geheimnisvolle Stimmung. Fastschwarz mit Dunkelgrün für Flächen, Moostöne für Siegel und Nebenflächen einsetzen. Der blasse Kräuterton ist ideal für Zutatenlisten und Barcodes. Die Grüntöne matt halten, damit es nicht zu neonhaft wirkt und natürliche Strukturen betonen.

Bildbeispiel Raben-Gewächshaus erstellt mit media.io

5) Obsidian-Amethyst

HEX: #0a0710 #241338 #4b1f6f #7c49b9 #e9ddff

Stimmung:geheimnisvoll, luxuriös, Nachthimmel

Empfohlen für:Musikposter und Albumcover

Obsidianschwarz und Amethystglühen wirken wie Bühnenlicht im Nebel. Nutzen Sie die beiden tiefsten Violetttöne zur Hierarchie, dann übernehmen Violett und Lavendel die Spotlichtrolle für Titel. Das blasse Flieder macht Kleingedrucktes auf dunklem Hintergrund lesbar, ohne zu Weiß zu werden. Dezent körnen und Verläufe glatt halten für einen hochwertigen Look.

Bildbeispiel Obsidian-Amethyst erstellt mit media.io

6) Gruftgold

HEX: #0c0b09 #2b2216 #5c4526 #b08a3c #f2e6c7

Stimmung:antik, opulent, kerzenbeleuchtet

Empfohlen für:Premiumverpackungen und Geschenkboxen

Gealtertes Metall und warmes Kerzenlicht erzeugen einen antiken, musealen Reichtum. Dunkle Brauntöne für Panels und Schatten, Gold für Rahmen, Icons und Folieneffekte einsetzen. Der Pergamentton sorgt für gute Lesbarkeit und hebt das Gesamtbild hervor. Diese gotischen Farbkombis wirken besonders, wenn Gold auf feine Linien und kleine Akzente beschränkt bleibt.

Bildbeispiel Gruftgold erstellt mit media.io

7) Sturmkapelle

HEX: #0d1016 #1e2a3a #334b63 #6f8aa3 #d9e2ec

Stimmung:düster, kühl, filmisch

Empfohlen für:Website-Hero-Sektionen und Landingpages

Gewitterblau und kalte Steinschatten wirken filmisch und konzentriert. Die dunkelsten Töne für Überschriften und Navigation verwenden, das mittlere Blau für Buttons, Links und Diagrammlinien. Das helle Blaugrau eignet sich als cleaner, dennoch stimmungsvoller Hintergrund. Tipp: Ein subtiles Vignette hinter Schlagzeilen verstärkt den Kontrast ohne harte Kanten.

Bildbeispiel Sturmkapelle erstellt mit media.io

8) Karmesin-Kerzenleuchter

HEX: #140507 #3a0b12 #6b101c #b21c33 #f4c7cf

Stimmung:dramatisch, theatralisch, leidenschaftlich

Empfohlen für:Event-Flyer und Clubposter

Heißes Karmesinrot vor tiefem Dunkel wirkt wie Kerzenflammen in einem Samtzimmer. Die zwei dunkelsten Rottöne für Hintergrund und Text, das strahlendere Karmesin für Headlines und Datumsangaben einsetzen. Das blasse Rosé eignet sich ideal für Kleingedrucktes und QR-Code-Zonen. Den Abstand großzügig halten, damit die Intensität edel wirkt und nicht überladen.

Bildbeispiel Karmesin-Kerzenleuchter erstellt mit media.io

9) Mondscheinspitze

HEX: #0e0e12 #3b3b44 #7f7f8a #c8c8d0 #f7f6fa

Stimmung: sanft, elegant, nachtaktiv

Empfohlen für: Hochzeitseinladungen und Papeterie

Mondlicht auf Spitze wirkt sanft und elegant, mit einer leisen gothischen Note. Kombinieren Sie das fast schwarze mit dem warmen grau-violetten Ton für Typografie und Monogramme. Die hellen Grautöne bieten Raum für feine Muster und Prägungsdetails. Für eine moderne gothische Farbkombination halten Sie florale oder Spitzenmotive dezent und nutzen den hellsten Farbton als Papierbasis.

Bildbeispiel von mondbeschienener Spitze, erzeugt mit media.io

10) Antiker Bloodstone

HEX: #0f0b0a #3a1f1a #6b3a2a #a05a3d #e6d3c7

Stimmung: traditionell, warm, schattig

Empfohlen für: Kaffee-Branding und Vintage-Etiketten

Gebrannte Sienna und dunkle Kakao-Töne erinnern an altes Leder, vergilbtes Papier und warmes Lampenlicht. Verwenden Sie das dunkelste Braun als Basis und schichten Sie Rost- und Lehmtöne für Etiketten und Stempel. Die helle Pergamentfarbe verbessert die Lesbarkeit und verhindert ein "matschiges" Gefühl. Tipp: Kombinieren Sie mit einer Serifenschrift und minimalistischer Ikonografie für einen klassischen Look.

Bildbeispiel von antikem Bloodstone, erzeugt mit media.io

11) Vergiftetes Teal

HEX: #060c0f #0e2a33 #0f5664 #3aa0a8 #cfeff0

Stimmung: rätselhaft, modern, kontrastreich

Empfohlen für: Tech-Startup-UI und SaaS-Branding

Tiefe Ozeanschatten mit scharfem Teal-Glanz wirken modern und leicht gefährlich. Verwenden Sie die dunkelsten Töne für Navigation und Fußzeilen, und den kräftigen Teal für interaktive Elemente und Links. Der blasse Aqua-Ton dient als Hervorhebungs-Hintergrund für Benachrichtigungen und Tooltips. Tipp: Belassen Sie Teal als Akzentfarbe, um Klarheit und Konsistenz zu wahren.

Bildbeispiel von vergiftetem Teal, erzeugt mit media.io

12) Krypta-Orchidee

HEX: #120711 #3a1733 #6d2b60 #b04a9c #f6d7f0

Stimmung: mystisch, floral, dekadent

Empfohlen für: Editorial-Layouts und Mode-Lookbooks

Orchideen-Lila und rauchige Pflaumentöne wirken dekadent – wie parfümierte Luft in einem dunklen Flur. Verwenden Sie den dunkelsten Farbton für Spalten und Bildunterschriften, machen Sie die Orchideen-Magenta für markante Zitate und Abschnittsüberschriften deutlich. Der sanfte Rosaton sorgt für Lesbarkeit und balanciert schwere Bilder aus. Diese gothische Farbpalette funktioniert am besten mit viel Weißraum und einem zurückhaltenden Grid.

Bildbeispiel von Krypta-Orchidee, erzeugt mit media.io

13) Ruß und Saphir

HEX: #070a10 #0f1d38 #1f3b6f #3f6db3 #d6e5ff

Stimmung: Abend, klar, leuchtend

Empfohlen für: Buchcover und Podcast-Artworks

Rußige Blautöne und helle Saphir-Highlights erinnern an Nachtluft und ferne Stadtlichter. Verwenden Sie das dunkelste Navy für den Hintergrund, schaffen Sie Tiefe mit den mittleren Blautönen für Formen und Rahmen. Das eisige Highlight setzt Akzente für Titel und Episodennummern, ohne kühl zu wirken. Tipp: Fügen Sie subtile Texturen hinter der Schrift hinzu, um Banding in dunklen Verläufen zu vermeiden.

Bildbeispiel von Ruß und Saphir, erzeugt mit media.io

14) Zaubernussrauch

HEX: #0b0d0c #1f2421 #3e4a45 #7b8a82 #e3e8e5

Stimmung: pflanzlich, gedämpft, atmosphärisch

Empfohlen für: Verpackungen für Hautpflege und Zutatenblätter

Rauchiges Grün und weiche Aschetöne wirken ruhig, pflanzlich und etwas geheimnisvoll. Verwenden Sie den dunkelsten Farbton für Markenlogos und Zutatenüberschriften, die mittleren Grün-Grau-Töne für Sekundärflächen. Der blasse Nebel als Hintergrund bleibt sauber und wirkt doch stimmungsvoll. Tipp: Kombinieren Sie mit feinen Linien-Symbolen und matten Finishes für einen zurückhaltenden Look.

Bildbeispiel von Zaubernussrauch, erzeugt mit media.io

15) Gargoyle-Stein

HEX: #0c0c0d #2a2b2e #50525a #8b8f9a #e8e9ee

Stimmung: architektonisch, minimalistisch, streng

Empfohlen für: Portfolioseiten und typografie-orientierte Seiten

Gemeißelter Stein und bedeckter Himmel verleihen dieser Palette eine scharfe, architektonische Ruhe. Verwenden Sie Schwarz und Anthrazit für starken typografischen Kontrast, das mittlere Grau für Trennlinien und UI-Rahmen. Die kühlen hellen Grautöne sind ideale Leseflächen für lange Inhalte. Tipp: Eine kräftige Schrift und großzügige Abstände sorgen für Dramatik.

Bildbeispiel von Gargoyle-Stein, erzeugt mit media.io

16) Schwarze Kirsch-Vinyl

HEX: #120006 #3c0013 #6b0026 #b1003f #ffd1e0

Stimmung: kräftig, glänzend, Nachtleben

Empfohlen für: Streetwear-Drops und Produkt-Promotions

Glänzende Kirschschwarz-Töne erinnern an Vinylglanz und Neonreflexe nach Mitternacht. Nutzen Sie die dunkelsten Farbtöne für Hintergründe und Text, lassen Sie das leuchtende Kirschrot bei Badges und Limited-Drop-Labels durchbrechen. Der sanfte Rosaton kann Kanten in Overlays und Verläufen abmildern. Diese gothische Farbkombinationen funktionieren am besten mit engen, kontrastreichen Layouts und großer Schrift.

Bildbeispiel von schwarze Kirsch-Vinyl, erzeugt mit media.io

17) Samtoliven-Dämmerung

HEX: #0b0c07 #23260f #4a4f1e #7b842f #e6e8c7

Stimmung: erdig, gedämpft, Wald-in-der-Dämmerung

Empfohlen für: Interieur-Moodboards und Lifestyle-Blogs

Dämmerung im dichten Wald wirkt erdverbunden und intim mit einem ruhigen Oliventon. Verwenden Sie dunkles Olivschwarz für Überschriften und Rahmen, mittlere Olivtöne für Farbmuster, Symbole und Highlights. Das blasse Creme-Grün bringt Luft in Textflächen und Karten. Tipp: Kombinieren Sie mit Holzstrukturen und warmen Neutrals für einen gemütlichen, bewohnten Look.

Bildbeispiel von Samtoliven-Dämmerung, erzeugt mit media.io

18) Arkane Kupfer

HEX: #0e0906 #2f1a12 #6a3a28 #b06a43 #f2d6c7

Stimmung: warm, alchemistisch, handgemacht

Empfohlen für: Kerzenetiketten und handgefertigte Waren

Glühendes Kupfer und dunkle Gewürztöne erinnern an alte Werkzeuge, Wachssiegel und eine Alchemisten-Werkstatt. Verwenden Sie die Espresso-Basis für Etiketten und Typografie, setzen Sie Kupfer auf Ränder, Symbole und kleine Akzente. Die blasse Pfirsichcreme hält Zutaten-Text sauber und lesbar. Tipp: Ein dezenter Prägeeffekt und dünne Kupferakzente wirken realistischer.

Bildbeispiel von arkanem Kupfer, erzeugt mit media.io

19) Wintertrauer

HEX: #0a0d12 #1b2430 #3c4b5c #8b9ab0 #edf1f6

Stimmung: still, kalt, ernst

Empfohlen für: Fotografie-Presets und Galerie-Webseiten

Kalte Luft und blasses Tageslicht über dunklem Wasser erzeugen eine stille, ernste Atmosphäre. Verwenden Sie die tiefsten Blau für Rahmen und Navigation, mittleres Slate für Bildunterschriften und subtile UI-Linien. Das helle Grau-Blau dient als saubere Leinwand für Bilder, ohne zu konkurrieren. Tipp: Halten Sie die Sättigung bei Fotos niedrig, um den gedämpften Ton zu behalten.

Bildbeispiel von Wintertrauer, erzeugt mit media.io

20) Relikt-Elfenbein

HEX: #100f0c #2b2a22 #5b5748 #b8b09a #fbf5e9

Stimmung: archiviert, sanft, altweltlich

Empfohlen für: Buchtypografie und Papeterie-Sets

Altes Pergament und sanfte Schatten vermitteln eine archivierte, bibliothekarische Stimmung. Verwenden Sie den dunklen Ink-Ton für Fließtext und Überschriften, die warmen Taupe-Töne für Rahmen und Seitenleisten. Das cremige Elfenbein wirkt wie eine papierähnliche Basis, die dennoch antiquiert anmutet. Für eine ausgewogene gothische Farbkombination halten Sie den Kontrast sanft und bevorzugen Textur statt Sättigung.

Bildbeispiel von Relikt-Elfenbein, erzeugt mit media.io

21) Noir-Pflaumen-Asche

HEX: #0b0a0d #221824 #4a2a4f #8a6c92 #f0e8f2

Stimmung: rauchig, intim, raffiniert

Empfohlen für: Kosmetik-Landingpages und E-Mail-Header

Rauchige Pflaume und sanftes Asche-Lavendel wirken intim, wie pudrige Schatten und Satin. Verwenden Sie die Noir-Basis für Überschriften und Fußzeilen, Pflaume für Buttons und Link-Zustände. Das gedämpfte Mauve-Grau unterstützt dezente Hintergründe für Karten und Sektionen. Tipp: Ein einzelner glänzender Highlight-Effekt sorgt für Premium-Beauty-Energie ohne das Layout zu überlasten.

Bildbeispiel von Noir-Pflaumen-Asche, erzeugt mit media.io

22) Dornbeere

HEX: #0f0407 #3a0f1c #6b1e33 #a93a55 #f3c9d3

Stimmung: romantisch, scharf, märchenhaft

Empfohlen für: Valentinsaktionen und romantische Poster

Dornbeeren und dunkle Blütenblätter machen die Rottöne romantisch, aber nicht süß. Verwenden Sie die geschwärzte Basis für Weißraum und Tiefe und bauen Sie einen Farbverlauf von Wein zu Beere für Fokusbereiche. Das sanfte Rosa eignet sich für feinen Druck und zarte Linienkunst. Tipp: Kombinieren Sie mit handgezeichneten botanischen Akzenten und halten die Schlagzeile groß und schlicht.

Bildbeispiel von Dornbeere, erzeugt mit media.io

23) Verfluchte Smaragd-Tinte

HEX: #060907 #0e1f17 #124136 #1f7a63 #d5efe6

Stimmung: geheimnisvoll, juwelengetönt, frisch-dunkel

Empfohlen für: Gaming-UI und Streamer-Overlays

Juwelen-Smaragd auf fast Schwarz wirkt wie ein Zauberglühen in einem dunklen Raum. Verwenden Sie die zwei tiefsten Grüntöne für Panels und Overlays und lassen Sie das leuchtende Smaragdgrün als Signalton für interaktive Elemente und Warnungen dienen. Der blass-mintfarbene Ton eignet sich als gut lesbare Hervorhebung für Labels und Timer. Tipp: Halten Sie Glüheffekte weich und konsistent, damit das Interface scharf bleibt.

Bildbeispiel für verfluchte Smaragd-Tinte, generiert mit media.io

Welche Farben passen gut zu Gothic?

Gothic-Paletten harmonieren am besten mit fast schwarzen Neutralen (Anthrazit, Tinte, Ruß) sowie ein oder zwei gesättigten „Story“-Farben wie Burgunderrot, Amethyst, Smaragd oder Tiefpetrol. So bleibt die Atmosphäre dramatisch und dennoch bewusst gestaltet.

Für Highlights wählen Sie abgetönte Lichter statt reinem Weiß: Pergament, Elfenbein, Blush, Nebelblau oder antikes Elfenbein. Diese Töne halten die Typografie lesbar und bewahren die mystische Stimmung, die Gothic-Farbpaletten auszeichnet.

Wenn Sie modernen Kontrast möchten, ergänzen Sie gezielt Akzente (dünne Linien oder kleine Buttons) in kühlem Stahlblau, gedecktem Lavendel oder antikem Gold. Wichtig ist Zurückhaltung—Gothic wirkt, wenn die Schatten die Hauptrolle spielen.

Wie verwendet man eine gotische Farbpalette in echten Designs?

Beginnen Sie mit einer dunklen Basis für Hintergründe und Header, ordnen Sie dann eine mittlere Farbe Oberflächen zu (Karten, Panels, Blöcke) und setzen Sie einen Akzent für Interaktionen (Links, Call-to-Action-Buttons, Preisschilder). Diese „Basis/Oberfläche/Akzent“-Struktur verhindert, dass dunkle Designs flach wirken.

Nutzen Sie helle Töne gezielt für Lesbarkeit: Reservieren Sie die hellste Farbe für Überschriften, wichtige Zahlen oder Primärtext und halten Sie Sekundärtext eine Stufe dunkler. Für Print wählen Sie wärmere Off-Whites (Elfenbein/Pergament) für einen hochwertigeren, redaktionellen Charakter.

Bei Fotografie und Postern glänzen Gothic-Paletten durch sanfte Verläufe, dezentes Korn und weiche Vignetten anstelle harter Umrisse. Der Kontrast entsteht durch Helligkeitswerte (hell vs. dunkel), nicht durch übersättigte Farben.

Gotische Paletten-Visuals mit KI erstellen

Wenn Sie ein Moodboard, ein Anzeigen-Mockup, UI-Konzept oder Poster gestalten, helfen einige palette-abgestimmte Visuals, die Atmosphäre schnell zu prüfen. Sie sehen sofort, ob Ihr Akzentton romantisch, unheilvoll oder zu grell wirkt.

Mit dem Text-zu-Bild-Tool von Media.io können Sie einen Prompt einfügen, die Komposition festlegen und Variationen erstellen, während Ihre Gothic-Farbpalette konstant bleibt. Das ist besonders nützlich für Marken- und Kampagnenkonzepte.

Erstellen Sie eine Serie von Bildern mit derselben Palette (Produktfoto, Poster, UI-Mockup), um sicherzustellen, dass Ihre Farben in unterschiedlichen Kontexten und Lichtstimmungen funktionieren.

Weiter: Korallen-Farbpalette