Die 20 besten Infografik-Farbpaletten mit Hex-Codes im Überblick

Modernes Infografik-Design dreht sich ganz um Klarheit: eine starke Hierarchie, gut lesbare Beschriftungen und ein Farbsystem, das Ihrem Publikum hilft, Daten schnell zu erfassen.

Im Folgenden finden Sie ausgewählte Farbschema-Ideen für Infografiken (mit HEX-Codes), die Sie für Dashboards, Berichte, Präsentationen und Social Media Statistiken kopieren können – plus KI-Prompts, die Sie zur Erstellung passender Visuals wiederverwenden können.

Warum funktionieren Infografik-Farbpaletten so gut?

Infografiken sind dann erfolgreich, wenn Farbe einen Zweck erfüllt: Serien trennen, Bereiche gruppieren und die Aufmerksamkeit auf die eine relevante Zahl lenken. Eine gute Palette verwandelt „unübersichtliche Daten“ in eine leicht verständliche visuelle Geschichte.

Im Gegensatz zu allgemeinen Markenpaletten benötigen Farben für Datenvisualisierungen vorhersehbaren Kontrast für Achsen, Labels und kleine Markierungen (Punkte, Linien, Striche). Deshalb kombinieren viele Infografik-Schemata ein starkes Neutral (Navy/Anthrazit) mit 2–3 Akzentfarben.

Kuratierten Sets reduzieren außerdem Entscheidungsstress. Wenn jede Farbe eine Rolle hat (Primärserie, Sekundärserie, Highlight, Hintergrund), bleiben Ihre Diagramme in Präsentationen, Dashboards und Drucken konsistent.

20+ Ideen für Infografik-Farbpaletten (mit HEX-Codes)

1) Smaragd-Türkis-Raster

HEX: #0ea5a4 #10b981 #0f172a #e2e8f0 #f59e0b

Stimmung: frisch, selbstbewusst, modern

Am besten geeignet für: Dashboard-UI-Diagramme und KPI-Karten

Frisch und selbstbewusst – wie eine aufgeräumte Analyse-Arbeitsfläche mit leuchtenden Türkis-Pins auf einem dunklen Raster. Verwenden Sie Türkis und Smaragd als Hauptreihenfarben und setzen Sie das tiefe Blau für Überschriften und Achsentexte ein. Das warme Bernstein eignet sich am besten als gezielte Warnfarbe für Ausschläge und Ausreißer. Kombinieren Sie großzügige Abstände und feine Trennlinien, damit der Kontrast klar und nicht hektisch wirkt.

Beispielbild des Smaragd-Türkis-Rasters erzeugt 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) Minzige Kreidetafel

HEX: #0b1320 #14b8a6 #a7f3d0 #f1f5f9 #fb7185

Stimmung: intelligent, verspielt, kontrastreich

Am besten geeignet für: Erklärfolien im Klassenzimmerstil

Intelligent und verspielt – wie Minz-Kreidelinien auf einer tiefen Schiefertafel mit einem leuchtenden Notizzettel-Akzent. Verwenden Sie den dunklen Ton für große Flächen und lassen Sie Minze die Icons, Linien und Diagramme gestalten. Das sanfte Seegrün ist ideal für Sekundärdaten, wenn Sie zwei verwandte Datenlinien brauchen. Pink nutzen Sie nur für Key Facts, damit es wie ein Textmarker und nicht als konkurrierende Serie wirkt.

Beispielbild der minzigen Kreidetafel erzeugt mit media.io

3) Korallenmarker-Highlights

HEX: #0f766e #fb7185 #f97316 #111827 #f8fafc

Stimmung: energiegeladen, kräftig, aufmerksamkeitsstark

Am besten geeignet für: Social-Infografiken und schnelle Statistiken

Energiegeladen und mutig – wie Korallenmarker über einer ordentlichen Türkisfläche. Diese Infografik-Farbpalette funktioniert besonders gut, wenn Türkis die Struktur übernimmt und Koralle und Orange Zahlen hervorheben. Der fast schwarze Ton bietet eine gute Grundlage für Fließtext, damit die leuchtenden Akzente gut lesbar bleiben. Tipp: Orange nur für eine Serie benutzen, damit es das Layout nicht dominiert.

Beispielbild der Korallenmarker-Highlights erzeugt mit media.io

4) Navy-Zitrus-Kontrast

HEX: #0b1f3b #22c55e #fde047 #f8fafc #334155

Stimmung: scharf, sportlich, sehr klar

Am besten geeignet für: Finanzberichte und Leistungsdiagramme

Scharf und klar – wie leuchtende Zitruslabels auf einem Mitternachts-Bericht. Navy für Überschriften und Tabellenlinien verwenden, dann Grün für positive Entwicklung und Gelb für Benchmarks oder Ziele einsetzen. Der Schieferton ist ein verlässliches Neutral für Sekundärtext und Rasterlinien. Für gute Lesbarkeit Gelb immer auf hellem Hintergrund nutzen und als Linie oder Abzeichen, wenn es neben Navy erscheint.

Beispielbild des Navy-Zitrus-Kontrasts erzeugt mit media.io

5) Sandstein-Dashboard

HEX: #f1e7d6 #cbd5e1 #0f172a #0ea5a4 #b45309

Stimmung: ruhig, geerdet, professionell

Am besten geeignet für: SaaS-Onboarding-Analysebildschirme

Ruhig und geerdet, wie warmes Papier und polierter Stein mit einer kühlen Türkisnadel. Nutzen Sie Sandstein als Hauptfläche um dichte Metriken aufzulockern und setzen Sie für starken Kontrast Navy für Typografie ein. Türkis ist ideal für Primäraktionen und Diagramme, während Kupfer eine tolle Warnfarbe und für Churn-Analysen ist. Rasterlinien bleiben dezent mit hellem Schiefer, damit das Dashboard luftig wirkt.

Beispielbild des Sandstein-Dashboards erzeugt mit media.io

6) Beeren-Neon-Hervorhebungen

HEX: #4c1d95 #a855f7 #fb7185 #14b8a6 #0b1320

Stimmung: auffällig, jugendlich, energiegeladen

Am besten geeignet für: Event-Infografiken und Zeitstrahlen

Auffällig und jugendlich wie Neon-Tinte auf dunkler Bühnenkulisse. Diese Infografik-Farbkombinationen glänzen, wenn der Hintergrund fast schwarz bleibt und Lila die Hauptstruktur übernimmt. Koralle eignet sich perfekt für auffällige Zahlen und Zeitleistenpunkte, während Türkis einen kühlen Gegenpol für Sekundärinfos bietet. Tipp: Verwenden Sie Koralle nur für kurze Labels, damit sie lesbar bleibt.

Beispielbild der Beeren-Neon-Hervorhebungen erzeugt mit media.io

7) Ozean-Nebel-Minimal

HEX: #0ea5a4 #94a3b8 #e2e8f0 #0f172a #ffffff

Stimmung: minimal, kühl, vertrauenswürdig

Am besten geeignet für: B2B-Onepager und Datenauswertungen

Minimal und vertrauenswürdig wie Seenebel auf klarem Glas mit tiefer Horizontlinie. Türkis für eine Primärserie nutzen und auch in Abschnittsüberschriften wiederholen, um die Seite zu vereinen. Das neblige Schiefer eignet sich für Sekundärdaten und neutrale Icons ohne zu sehr aufzufallen. Tipp: Halten Sie Diagramme dünn und präzise, damit die weichen Grautöne beabsichtigt und nicht blass wirken.

Beispielbild des Ozean-Nebel-Minimal erzeugt mit media.io

8) Retro Print Cyan

HEX: #0891b2 #f97316 #fef3c7 #1f2937 #a3a3a3

Stimmung: retro, freundlich, redaktionell

Am besten geeignet für: Magazin-Infografik-Seiten

Retro und freundlich wie ein Cyan-Sonderfarbton auf strukturierter Creme mit orangefarbenem Tintenstempel. Lassen Sie Cyan die wichtigsten Diagramme führen und verwenden Sie Orange für Callouts, Pfeile und kleine Abzeichen. Das warme Creme ist die ideale Hintergrundfarbe und schont die Augen. Für redaktionellen Look dunkles Grau für Typografie und möglichst kein reines Schwarz für große Flächen nutzen.

Beispielbild von Retro Print Cyan erzeugt mit media.io

9) Wald-Kupfer-Bericht

HEX: #14532d #0ea5a4 #b45309 #f8fafc #1f2937

Stimmung: verlässlich, erdig, erwachsen

Am besten geeignet für:Nachhaltigkeitsberichte und Wirkungsstatistiken

Zuverlässig und bodenständig, wie immergrüne Blätter mit einem Kupfersiegel auf einem sauberen Berichtdeckel. Verwenden Sie Waldgrün für primäre Datenkategorien und Türkis für Vergleiche oder Benchmarks. Kupfer eignet sich am besten als Highlight für Summen, Abzeichen oder kleine Symbole und weniger für die vollständige Ausfüllung von Diagrammen. Tipp: Belassen Sie Hintergründe weiß, damit die dunklen Grüntöne auch in langen Dokumenten nicht schwer wirken.

Beispielbild eines Wald-Kupfer-Berichts, generiert mit media.io

10) Flieder-Schiefer-Kennzahlen

HEX: #6d28d9 #c4b5fd #334155 #e2e8f0 #0ea5a4

Stimmung:modern, ruhig, leicht kreativ

Am besten geeignet für:Produktkennzahlen-Präsentationen und Quartalsupdates

Modern und ruhig, wie Fliederlicht auf einer polierten Schieferwand. Verwenden Sie Schiefer für Schrift und Diagrammachsen und bringen Sie Flieder für weichere Sekundärserien ein. Türkis bietet einen klaren Fokusfarbton für die wichtigste KPI-Linie oder die wichtigste Säule. Anwendungstipp: Flieder-Füllungen mit geringer Deckkraft halten, damit die Beschriftungen scharf bleiben.

Beispielbild von Flieder-Schiefer-Kennzahlen, generiert mit media.io

11) Sonnenmango-Diagramme

HEX: #fbbf24 #f97316 #0ea5a4 #0f172a #fff7ed

Stimmung:optimistisch, warm, klar

Am besten geeignet für:Leistungsinfografiken im Marketing

Optimistisch und warm, wie Sonnenstrahlen am Morgen auf Mango- und Zitrusscheiben. Verwenden Sie den Goldton für Hauptflächen von Diagrammen und reservieren Sie Orange für besonders wichtige Merkmale wie Konversionen oder Spitzen. Türkis balanciert die Wärme und verleiht Sekundärelementen Stabilität und Glaubwürdigkeit. Tipp: Der Hintergrund sollte cremig bleiben und nicht strahlend weiß, damit das sonnige Gefühl erhalten bleibt.

Beispielbild von Sonnenmango-Diagrammen, generiert mit media.io

12) Türkis-Rosen-Infoposter

HEX: #0ea5a4 #f43f5e #fde68a #1f2937 #f8fafc

Stimmung:hell, einladend, modern

Am besten geeignet für:Öffentlichkeitsplakate mit Statistiken

Hell und einladend, wie ein frisches türkisfarbenes Banner mit Rosenstickern und einem weichen Sonnenakzent. Verwenden Sie Türkis für Hauptüberschriften und Abschnittsblöcke und betonen Sie Schlüsselzahlen und kurze Labels mit Rosé. Das helle Gold eignet sich am besten für Hintergrundformen oder dezente Diagrammfüllungen, die nicht hervorstechen sollen. Tipp: Halten Sie Icons einfach und dick, damit sie auf Plakaten auch aus der Entfernung gut wirken.

Beispielbild eines Türkis-Rosen-Infoposters, generiert mit media.io

13) Graphit-Limetten-Labels

HEX: #111827 #a3e635 #22c55e #e5e7eb #ffffff

Stimmung:klar, technisch, kontrastreich

Am besten geeignet für:Engineering-Dashboards und Betriebsdiagramme

Klar und technisch, wie Neonetiketten auf einer Graphitkonsole. Graphit verwenden für dichte Tabellen und Achsentext, Limette für den primären Erfolgssignal und Grün für sekundären Status. Das weiche Grau sorgt dafür, dass Abtrennungen und Kartenränder sichtbar bleiben, ohne zu stören. Tipp: Vermeiden Sie große Limettenhintergründe, setzen Sie auf Striche, Chips und Markierungen, damit alles maximal lesbar bleibt.

Beispielbild von Graphit-Limetten-Labels, generiert mit media.io

14) Sanftes Pastell-Storyboard

HEX: #99f6e4 #fecdd3 #c7d2fe #64748b #f8fafc

Stimmung:sanft, freundlich, erzählerisch

Am besten geeignet für:Schritt-für-Schritt-Prozessinfografiken

Sanft und erzählerisch, wie Pastell-Haftnotizen, die in ein ruhiges Storyboard angeordnet sind. Diese Farbpalette ist ideal für mehrstufige Abläufe mit klar voneinander abgegrenzten Bereichen ohne harte Kontraste. Verwenden Sie Schiefer für Text und Linien, ordnen Sie jedem Schritt ein Pastell zu, halten Sie Flächen groß und Beschriftungen kurz. Tipp: Fügen Sie viel Weißraum hinzu, damit sich helle Töne gut voneinander abheben.

Beispielbild eines sanften Pastell-Storyboards, generiert mit media.io

15) Burgunder-Creme-Säulen

HEX: #7f1d1d #f5f5f4 #f59e0b #0f172a #14b8a6

Stimmung:hochwertig, geerdet, editorial

Am besten geeignet für:Jahreszusammenfassungen und Geschäftsberichte

Hochwertig und geerdet, wie burgunderrote Tinte auf Creme-Papier mit einem subtilen Goldsiegel. Nutzen Sie Burgunderrot für Hauptdatenreihen oder Abschnittsüberschriften, Creme als Seitenbasis für ein exklusives Gefühl. Türkis eignet sich für sekundäre Messwerte, während Bernstein für einzelne Highlights aufgespart wird. Tipp: Nur ein mutiges Diagramm pro Seite verwenden, die restliche Wirkung übernimmt die Typografie.

Beispielbild von Burgunder-Creme-Säulen, generiert mit media.io

16) Gletscher-Türkis-Klarheit

HEX: #06b6d4 #0ea5a4 #0f172a #cbd5e1 #f8fafc

Stimmung:kühl, sauber, präzise

Am besten geeignet für:Gesundheits-Dashboards

Kühl und präzise, wie Gletscherwasser und polierte Instrumente in einer hellen Klinik. Cyan für Primärserien, Türkis für Vergleiche und Marine für Text sorgt für medizinische Lesbarkeit. Sanfter Schiefer ist ideal für Rasterlinien und Kartenränder, ohne von den Zahlen abzulenken. Tipp: Vermeiden Sie dicke Füllungen, setzen Sie lieber auf Linien und Punkte, damit das Design hygienisch und leicht bleibt.

Beispielbild von Gletscher-Türkis-Klarheit, generiert mit media.io

17) Ton-Salbei-Übersicht

HEX: #a16207 #84cc16 #14532d #fef3c7 #1f2937

Stimmung:erdig, warm, zugänglich

Am besten geeignet für:Gemeindeberichte und Umfrageergebnisse

Erdig und zugänglich, wie Tontöpfe und frischer Salbei im Nachmittagslicht. Verwenden Sie Salbeigrün für die Hauptserie, das dunklere Waldgrün für Überschriften, die Gewicht brauchen. Cremiges Gelb sorgt für einen einladenden Hintergrund bei Diagrammen und Zitaten. Tipp: Nutzen Sie den Ton-Farbton für kleine Abzeichen oder Chip-Kategorien – als freundlicher Akzent, nicht als Störfaktor.

Beispielbild von Ton-Salbei-Übersicht, generiert mit media.io

18) Graphit-Aqua-Fokus

HEX: #0f172a #06b6d4 #22c55e #e2e8f0 #f8fafc

Stimmung:fokussiert, modern, gut lesbar

Am besten geeignet für:Produkt-Roadmap-Infografiken

Fokussiert und modern, wie Graphitskizzen mit Aqua-Tinte und grünem Haken. Diese Farbpalette hält Roadmaps übersichtlich durch dunkle Struktur und helle Akzente. Aqua für Zeitlinien und Meilensteinkarten, Grün für Kennzeichnung ausgelieferter Elemente. Tipp: Helle Hintergründe nutzen und mit grauen Abtrennungen das Auge durchs Quartal führen.

Beispielbild von Graphit-Aqua-Fokus, generiert mit media.io

19) Zitrus-Türkis-Blueprint

HEX: #0ea5a4 #fde047 #f97316 #1e293b #f1f5f9

Stimmung:lebendig, strukturiert, optimistisch

Am besten geeignet für:How-to-Guides und Anleitungsinfografiken

Lebendig und strukturiert, wie ein Türkis-Blueprint mit leuchtenden Zitrusstickern für jeden Schritt. Türkis und Marine geben die Struktur vor, Gelb für nummerierte Kreise und Orange für Warnungen oder wichtige Tipps. Der blasse Hintergrund hält alles offen und gut lesbar. Tipp: Orange auf einen Elementtyp begrenzen, z.B. Icons, damit die Anleitung konsistent bleibt.

Beispielbild eines Zitrus-Türkis-Blueprints, generiert mit media.io

20) Neon-Nacht-Scatter

HEX: #0b1320 #22c55e #06b6d4 #a855f7 #f8fafc

Stimmung:elektrisierend, futuristisch, kontrastreich

Am besten geeignet für:Tech-Keynote-Folien und Datenstorytelling

Elektrisierend und futuristisch, wie Neonpunkte im Nachthimmel. Diese Farbkombinationen sind ideal für Streu- und Liniendiagramme mit deutlichem Leuchteffekt pro Serie. Der Hintergrund bleibt dunkel, Weiß nur für Beschriftungen und Achsenticks, Grün, Cyan und Violett tragen die Geschichte. Tipp: Rasterdichte reduzieren und größere Marker nutzen, so erscheinen die Neonfarben bewusst und nicht überladen.

Beispielbild von Neon-Nacht-Scatter, generiert mit media.io

21) Gletscher-Aqua-Clean

HEX: #99f6e4 #0ea5a4 #94a3b8 #0f172a #ffffff

Stimmung:luftig, sauber, beruhigend

Am besten geeignet für:Kundenerfolgsberichte und NPS-Diagramme

Luftig und beruhigend, wie sauberes Wasser und weicher Nebel mit selbstbewusster dunkler Überschrift. Aqua eignet sich für sanfte Füllungen, Türkis für die Haupttrendlinie, so wirken Ergebnisse positiv und ruhig. Der Schieferton ist ideal für sekundäre Anmerkungen und Legenden. Tipp: Die dunkelste Farbe nur für Überschriften, die kühlen Grüntöne für Diagramme verwenden.

Beispielbild von Gletscher-Aqua-Clean, generiert mit media.io

22) Warme erdige Zeitlinie

HEX: #7c2d12 #ea580c #fef3c7 #14532d #1f2937

Stimmung:warm, erzählend, geerdet

Am besten geeignet für:Firmenhistorien und Meilenstein-Zeitlinien

Warm und erzählend, wie Vintage-Papier mit gebrannten Orangestempeln und tiefgrünem Lesezeichen. Orange für Meilensteine und Datums-Tags, dunkle Neutraltöne für Fließtext sorgen für gute Lesbarkeit. Waldgrün eignet sich für Gruppierungen oder Epochen. Tipp: Cremefarbener Hintergrund bleibt über Panels gleich, damit die Leseführung nicht gestört wird.

Beispielbild von warmer erdiger Zeitlinie, generiert mit media.io

Welche Farben passen gut zu Infografiken?

Die zuverlässigsten Infografik-Kombinationen starten mit einer neutralen Basis (weiß, creme, hellgrau) und einer dunklen Textfarbe (Marine oder Graphit). So bleiben Labels lesbar und Diagramme auf Bildschirmen wirken nicht ausgewaschen.

Danach wählen Sie 2–3 Akzentfarben mit deutlich unterschiedlichem Helligkeitsniveau. Türkis + Grün funktionieren gut für verwandte Reihen, während ein warmer Akzent wie Bernstein oder Koralle für Highlights, Ziele oder Warnungen verwendet werden kann.

Für mehr Kategorien erweitern Sie die Palette lieber mit Veränderungen in der Sättigung (sanft vs. kräftig) als ständig den Farbton zu wechseln. So erkennen Betrachter Gruppen schnell, auch ohne Legende.

Wie nutzt man eine Infografik-Farbpalette in echten Designs?

Definieren Sie Rollen vor dem Design: eine Primärserie, eine Sekundärserie, ein Highlight/Alarm, plus Neutrale für Hintergrund und Schrift. So vermeiden Sie versehentliche „Regenbogendiagramme“, bei denen alles konkurriert.

Achten Sie auf konstanten Kontrast bei allen Komponenten – Titel, Achsenbeschriftungen, Tooltips und Datenlabels. Wenn Ihr Farbschema helles Gelb oder Limette enthält, verwenden Sie diese als Abzeichen, Umrisslinie oder Marker, aber nicht als große Füllung hinter Text.

Für Präsentationen und Druck testen Sie Ihre Farbpalette in kleinen Größen (Legenden und dünne Linien) sowie in Graustufen. Wenn zwei Datenreihen in Graustufen identisch aussehen, passen Sie die Helligkeit an, damit Vergleiche weiterhin klar bleiben.

Infografik-Paletten-Visuals mit KI erstellen

Möchten Sie sehen, wie sich eine Palette in einem Dashboard, Bericht oder einer Social-Statistik-Karte anfühlt? Erstellen Sie schnelle Mockups mit den enthaltenen Prompts und verbessern Sie Layout und Kontrast, bevor Sie endgültige Diagramme gestalten.

Mit Media.io können Sie eine Text-Prompt in Infografik-Visuals verwandeln – nützlich für die Themenfindung, das Matchen des Markenstils oder das Erkunden verschiedener Farbrichtungen für denselben Datensatz.

Beginnen Sie mit einer Palette oben, behalten Sie den Prompt-Aufbau bei und tauschen Sie nur die Farben oder das Layout (Zeitachse, KPI-Karten, Donut-Diagramm) aus, um konsistent zu bleiben.

Nächster Schritt: Grüne Türkis-Farbpalette